*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-snap-type:y mandatory}.App{background-color:#000;display:grid;height:100vh;place-items:center}.app__videos{border:1px solid gray;border-radius:20px;height:100vh;max-height:800px;max-width:500px;overflow:scroll;position:relative;scroll-snap-type:y mandatory;width:80%}.app__videos::-webkit-scrollbar{display:none}.app__videos{-ms-overflow-style:none;scrollbar-width:none}@media only screen and (max-width:440px){.app__videos{height:100vh;width:100%}}.videofooter{bottom:25%;color:#fff;margin-left:30px;position:relative}.videofooter__text h3,.videofooter__text p{padding-bottom:20px}.videofooter__music{display:flex}.videofootermusic__text{overflow-x:hidden;width:78%}.videofootermusic__text p{-webkit-animation:moveTheText 4s linear infinite;animation:moveTheText 4s linear infinite}.videofooter__record{-webkit-animation:spinTheRecord 2s linear infinite;animation:spinTheRecord 2s linear infinite;bottom:3px;-webkit-filter:invert(1);filter:invert(1);height:50px;position:absolute;right:20px}@-webkit-keyframes spinTheRecord{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinTheRecord{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes moveTheText{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes moveTheText{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media only screen and (max-width:440px){.videofooter{bottom:22%}.videofootermusic__text{width:78%}}.videoSidebar{color:#fff;position:absolute;right:10px;top:50%}.videoSidebar__options{padding:20px;text-align:center}@media only screen and (max-width:440px){.videoSidebar{top:47%}}.video{position:relative;scroll-snap-align:start}.video,.video__player{height:100%;width:100%}.video__player{object-fit:fill}
/*# sourceMappingURL=main.3e183e36.css.map*/