html{font-size:62.5%}body{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{font-family:Work Sans,Roboto,sans-serif}*,:after,:before{margin:0;padding:0;box-sizing:inherit}#root,body,html{min-height:100%}body{background-color:#272121}.App{display:-ms-flex;display:flex;flex-direction:column;align-items:center;max-width:1160px;min-height:100%;margin:0 auto;padding:0 2rem}@media (max-width:44.9rem){.show-for-desktop{display:none}}@media (min-width:45rem){.show-for-mobile{display:none}}.header{display:flex;width:100%;justify-content:space-between;align-items:center;padding:2rem 0;border-bottom:1px solid #352f44}.header__logo{color:#d72323}.header__searchbar{display:flex;height:4.5rem}.header__searchbar--box{background-color:#352f44;color:#fff;font-size:1.8rem;width:50rem;padding:1rem;border:none;border-radius:0}.header__searchbar--box::-moz-placeholder{color:#dbd8e3}.header__searchbar--box::-moz-placeholder,.header__searchbar--box::placeholder{color:#dbd8e3}.header__searchbar--button{background-color:#5c5470;color:#fff;cursor:pointer;outline:none;border:none;border-radius:0;padding:0 2.5rem}@media only screen and (max-width:767px){.header__searchbar,.header__searchbar--box{width:100%}.header__searchbar--button{padding:0 1.5rem}}.filters{display:flex;justify-content:flex-end;width:100%;padding:2rem 2rem 0 0}.filters__option{padding-left:1rem}.filters__option--label{font-size:1.4rem;color:#dbd8e3;font-weight:700}.filters__option--dropdown{cursor:pointer;border:none;border-radius:2px;-moz-appearance:none;-webkit-appearance:none;appearance:none;width:13rem;height:3.5rem;font-size:1.4rem;padding:5px 1rem;color:#fff;background:url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>") no-repeat 100% #5c5470;background-position-x:100px;background-position-y:7px}@media only screen and (max-width:768px){.filters{padding:2rem 0 0}}.message-box{width:100%;height:50rem;padding:15rem 0}.message-box,.message-box--text{display:flex;justify-content:center;align-items:center}.message-box--text{color:#dbd8e3;font-size:1.8rem;padding:2rem;border-radius:7px;border:1px solid #dbd8e3}.message-box--icon{color:#dbd8e3;padding-right:1rem;margin:0;line-height:0}.video-screen{display:flex;flex-direction:column;border-bottom:1px solid #352f44;width:100%}.video-screen__iframe{position:relative;width:100%;padding-top:56.25%}.video-screen__iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-screen__info{padding:2rem 0;text-align:left}.video-screen__info--title{font-size:2.4rem;color:#fff;font-weight:700;margin-bottom:3px}.video-screen__info--channel{font-size:1.8rem;color:#d72323;font-weight:700}.video-screen__info--date{font-size:1.8rem;color:#dbd8e3;font-weight:700}@media only screen and (max-width:768px){.video-screen__info--title{font-size:1.8rem}.video-screen__info--channel{font-size:1.4rem}}.video-item__thumbnail{position:relative}.video-item__thumbnail--image{width:100%;max-height:25rem;margin-bottom:5px}.video-item__thumbnail--text{position:absolute;top:80%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:2.4rem;font-weight:700;text-align:center;opacity:0;-webkit-transition:all .3s;transition:all .3s}.video-item__info{font-size:1.4rem}.video-item__info--title{display:block;color:#fff;font-weight:700}.video-item__info--date{display:inline-block;color:#dbd8e3}.video-item:hover{cursor:pointer}.video-item:hover .video-item__thumbnail--image{-webkit-filter:blur(1px) brightness(50%);filter:blur(1px) brightness(50%)}.video-item:hover .video-item__thumbnail--text{opacity:1;top:50%}@media only screen and (max-width:768px){.video-item{margin:2rem 0 0}}.video-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(32rem,1fr));list-style-type:none;grid-gap:2rem;margin-top:2rem}.videos-container{width:100%;padding:2rem}@media only screen and (max-width:768px){.videos-container{padding:3rem 0}}
/*# sourceMappingURL=main.3406aac3.chunk.css.map */