@import url(https://use.typekit.net/ncb2bkr.css);:root{--background:#121212;--liteMain:#6e6e6e;--main:#252525;--liteAccent:#66c0cc;--accent:#2d6472;--code:red;--title:rift,sans-serif;--text:mr-eaves-xl-modern,sans-serif}*{box-sizing:border-box;font-family:mr-eaves-xl-modern,sans-serif;font-family:var(--text);font-weight:400;-webkit-user-select:none;-ms-user-select:none;user-select:none}body{height:100%;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-overflow-style:none;scrollbar-width:none;background-color:#121212}body::-webkit-scrollbar{display:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}h1,h2{font-family:rift,sans-serif;font-weight:700;font-style:normal;letter-spacing:2px}.nav-bar{position:fixed;bottom:0;width:100%;height:max(5vh,40px);background-color:var(--main);z-index:10}.nav-bar,.nav-bar .img-container{display:flex;justify-content:center;align-items:center}.nav-bar .img-container{border-radius:50%;width:150px;height:150px;overflow:hidden;box-shadow:0 0 0 10px var(--main)}.nav-bar .img-container img{object-fit:contain;border-radius:50%;width:200px}.nav-list{margin-left:40px;margin-right:40px;text-decoration:none;text-transform:uppercase;font-weight:700;letter-spacing:5px;color:#fff}.movies-list{display:flex;flex-grow:0;align-items:center;height:95vh;padding:1vh 0;overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}.movies-list::-webkit-scrollbar{display:none}.single-movie{position:relative;align-self:center;min-width:200px;width:200px;height:95%;border-radius:10px;margin-left:30px;cursor:pointer;overflow:hidden;transition:.3s ease-in-out}#empty-margin{content:" ";display:block;min-width:30px;min-height:200px}.single-movie.active,.single-movie:focus,.single-movie:hover{box-shadow:0 0 5px 1px var(--liteAccent),0 0 15px var(--accent)}.movie-backdrop{position:relative;width:100%;height:100%}.single-movie .movie-backdrop img{object-fit:cover;width:100%;height:100%;transition:.3s ease-in-out}.single-movie.active{min-width:60%;transition:.3s ease-in-out}.single-movie.active .movie-backdrop img{-webkit-filter:blur(20px);filter:blur(20px);opacity:.1;transition:.3s ease-in-out}@media only screen and (max-width:1024px){.single-movie.active{min-width:90vw;transition:.3s ease-in-out}}.movie-title{margin:0;padding:2px 7px 3px 15px;color:hsla(0,0%,100%,.25);white-space:nowrap;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:top left;transform-origin:top left}.movie-title,.movie-title:before{position:absolute;left:0;transition:color .3s ease-in-out}.movie-title:before{content:"";top:0;padding-right:35px;width:100%;height:100%;background-color:rgba(37,37,37,.69);-webkit-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:skew(-45deg);transform:skew(-30deg);z-index:-1}.movie-title h2{margin:0;font-size:2rem}.single-movie.active .movie-title,.single-movie:hover .movie-title{color:#fff;transition:.3s ease-in-out}.single-movie.active .movie-title{color:hsla(0,0%,43.1%,.3);transition:.3s ease-in-out}.single-movie:hover .movie-title:before{background-color:rgba(37,37,37,.69);box-shadow:10px 0 0 var(--liteAccent);transition:.3s ease-in-out}.single-movie.active .movie-title:before{box-shadow:10px 0 0 var(--liteAccent),0 0 20px var(--background);padding-right:1000px;transition:.3s ease-in-out}@media only screen and (max-width:768px){.single-movie.active .movie-title{opacity:0}}.movie-active-container{display:grid;grid-template-rows:fit-content(100px) auto;grid-template-columns:25% 75%;opacity:0;position:absolute;padding:30px 30px 30px 80px;top:0;left:0;height:100%;width:100%;transition:opacity .3s ease-out}.single-movie.active .movie-active-container{opacity:1;transition-delay:.2s;transition-property:opacity ease-in .3s}.movie-active-top{grid-area:1/1/2/3;padding-right:30px;display:flex;flex-flow:column nowrap}.movie-active-left{grid-area:2/1/3/2;margin-top:20px}.movie-active-right{grid-area:2/2/3/3;margin-left:30px}@media only screen and (max-width:768px){.movie-active-container{padding:20px;overflow-x:hidden;overflow-y:auto}}@media only screen and (max-width:425px){.movie-active-container{display:flex;flex-flow:column;color:red}.movie-active-right{padding:0;margin:0}}.movie-poster{width:100%;overflow:hidden;background-color:var(--liteAccent);box-shadow:0 0 15px var(--background)}.movie-poster img{object-fit:contain;width:100%}.movie-active-title{position:relative;width:100%}.movie-active-title:before{content:"";position:absolute;top:5%;left:0;width:5px;height:95%;background-color:var(--liteAccent)}.movie-active-title h1{margin:0;padding-left:20px;color:#fff;font-size:max(2.5rem,3vw);line-height:max(2.5rem,3vw)}.movie-active-tagline{margin:10px 5px 10px 0;color:#6e6e6e;font-size:max(1.25rem,1.5vw);font-style:italic;font-weight:700;text-transform:uppercase;letter-spacing:3px}.movie-active-subtitle{display:flex;flex-flow:row wrap;align-items:center;margin-top:20px;width:100%;font-family:var(--text);letter-spacing:2px}.movie-active-subtitle span{font-size:max(1.25rem,1.5vw);margin-right:10px;color:#fff}.movie-active-subtitle .dot{color:var(--accent);font-size:2rem}.movie-active-subtitle .vote-average{padding:5px 10px;background-color:var(--accent);font-weight:700;border-radius:5px}.cast{display:flex;flex-flow:row wrap;margin-top:5px;color:var(--liteAccent)}.actor{padding:5px 10px;margin:10px 10px 0 0;font-size:max(1rem,1vw);background-color:var(--main);border-radius:5px}.movie-active-overview{margin-top:10px;color:grey;font-size:max(1.2rem,1.2vw);line-height:max(1.5rem,1.5vw);width:100%}@media only screen and (max-width:425px){.movie-active-overview{margin:15px 0 40px}}.genres-list{margin-top:20px;width:100%}.genres-list div{padding:7px;margin:7px 0 7px 5px;color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 0 5px rgba(0,0,0,0,5);background-color:hsla(0,0%,100%,.1)}.genre-action{box-shadow:-5px 0 0 0 #f55}.genre-adventure{box-shadow:-5px 0 0 0 #9e54ff}.genre-comedy{box-shadow:-5px 0 0 0 #ffdf52}.genre-drama{box-shadow:-5px 0 0 0 #ff8839}.genre-fantasy{box-shadow:-5px 0 0 0 #60ff51}.genre-science-fiction{box-shadow:-5px 0 0 0 #45c4ff}.genre-thriller{box-shadow:-5px 0 0 0 #e57cff}