*{padding:0}*,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 #000;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:20%;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:80%}.videoFooterMusic__text p{-webkit-animation:moveTheText 3s linear infinite;animation:moveTheText 3s linear infinite}.videoFooter__record{-webkit-animation:spinTheRecord 3s linear infinite;animation:spinTheRecord 3s linear infinite;bottom:5px;-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:46%}}.video{position:relative;scroll-snap-align:start}.video,.video__player{height:100%;width:100%}.video__player{object-fit:fill}
/*# sourceMappingURL=main.bf316ac2.css.map*/