body,html{margin:0;overflow:hidden;padding:0;position:fixed}#root,body,html{height:100%;overscroll-behavior:none;width:100%}#root{overflow:auto}.title{margin:20px auto 0;text-align:center}.links{display:flex;flex-direction:column;margin-left:50px}.links .link{margin-top:20px}.component{display:flex;height:100%;width:100%}.component.first-component{background-color:gray;position:relative}.first-component--inside-scroller{position:absolute;right:20px;top:100px}.component.second-component{background-color:red}.component.third-component{background-color:blue}.component.fourth-component{background-color:#ff0}.component.fifth-component{background-color:purple}h2{margin:auto;text-align:center}.pagination-additional-class{display:flex;justify-content:center;margin:0;position:fixed;top:20px;width:100%}.pagination-additional-class>li:not(:last-of-type)>a,.pagination-additional-class>li:not(:last-of-type)>span{margin-right:50px}.demo-page-contain{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.demo-page-contain__hint{margin-bottom:20px}@media (max-width:768px){.pagination-additional-class>li:not(:last-of-type)>a,.pagination-additional-class>li:not(:last-of-type)>span{margin-right:5px}}img{-webkit-user-drag:none;user-drag:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.496f3a08.css.map*/