html{--color-black:#0d0d0d;--color-white:#fff;--color-black-50:#00000080;--color-black-30:#0000004d;--color-black-20:#0003;--color-black-10:#0000001a;--color-black-5:#0000000d;--color-primary:#5e90f2;--color-hover:#2460da;--color-highlight:#f24b59;--color-area:#b6b6b6}body{background-color:var(--color-white);color:var(--color-black);font-family:articulat-cf,sans-serif;line-height:1.4}.container{max-width:1120px;flex-wrap:wrap;justify-content:center;margin:100px auto 0;padding:40px 0;display:flex}.btn{height:50px;color:var(--color-black-50);cursor:pointer;background-color:#0000;border:none;border-radius:4px;outline:none;padding:0 20px;font-size:14px;font-weight:900;transition:all .4s}.btn:hover{color:var(--color-black)}.the-loader{width:20px;height:20px;border:4px solid var(--color-primary);border-top-color:#0000;border-radius:50%;margin:30px auto;animation:1s linear infinite loader}.the-loader.hide{display:none}@keyframes loader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{background-color:var(--color-white);z-index:9;align-items:center;gap:40px;padding:20px 40px;display:flex;position:sticky;top:0}header .logo{font-size:30px;text-decoration:none}header nav ul{gap:14px;display:flex}header nav ul li a{color:var(--color-black-50);font-size:14px;font-weight:700;text-decoration:none}header nav ul li a:hover,header nav ul li a.active{color:var(--color-highlight)}header .love{cursor:pointer;margin:auto;transition:all .5s;position:absolute;right:40px}header .love span{color:var(--color-black-50);font-size:20px}header .love:hover span{color:var(--color-highlight);transform:scale(1.2)}footer{text-align:center;padding:40px 40px 60px;font-size:12px}footer a{color:var(--color-black-20);text-decoration:none}footer a:hover{text-decoration:underline}.headline{width:800px;text-align:center;margin-bottom:40px}.headline h1{margin-bottom:40px;font-family:antipol-variable,sans-serif;font-size:50px;font-style:italic;line-height:1}.headline h1 span{color:var(--color-highlight);font-size:80px;font-weight:700}.headline p{color:var(--color-black-50)}.search{width:100%;justify-content:center;gap:10px;margin-bottom:30px;display:flex}.search input{width:400px;height:50px;border:none;border-bottom:1px solid var(--color-black-50);color:var(--color-black);background-color:#0000;outline:none;padding:0 20px;font-size:20px}.search input::placeholder{color:var(--color-black-30)}.search .btn{max-width:100px;background-color:#0000}.movie-list{padding:20px}.movie-list .message{color:var(--color-primary);text-align:center}.movie-list .movies{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.movie-list .movies .movie{--width:200px;width:var(--width);height:calc(var(--width)*3/2);background-color:var(--color-area);background-size:cover;border-radius:4px;position:relative;overflow:hidden}.movie-list .movies .movie .info{box-sizing:border-box;width:100%;text-align:center;background:linear-gradient(#0000 0%,#000c 60%);padding:14px;font-size:14px;transition:all .4s;position:absolute;bottom:0;left:0}.movie-list .movies .movie .info .year{color:var(--color-primary);font-size:14px;font-weight:900}.movie-list .movies .movie .info .title{color:var(--color-white);font-size:16px;transition:all .1s}.movie-list .movies .movie:hover .info{background:linear-gradient(#0000 0%,#373298 65%)}.movie-list .movies .movie:hover .info .title{font-size:20px;font-weight:900}.view-more{width:50%;max-width:200px;margin:20px auto;display:block}.view-more.hide{display:none}.the-movie{color:var(--color-black-50);flex-wrap:nowrap;justify-content:right;gap:70px;margin-top:0;display:flex}.the-movie .poster{--width:500px;width:var(--width);height:calc(var(--width)*3/2);background-size:cover;background-color:var(--color-area);border-radius:10px;flex-shrink:0}.the-movie .specs{flex-grow:1}.the-movie .specs .title{color:var(--color-black);margin-bottom:30px;font-family:antipol-variable,sans-serif;font-size:70px;font-style:italic;font-weight:700;line-height:1}.the-movie .specs title.skeleton{height:70px}.the-movie .specs .labels{color:var(--color-primary);margin-bottom:20px;font-weight:900}.the-movie .specs .labels.skeleton{height:30px}.the-movie .specs .plot.skeleton{width:80%;height:400px}.the-movie .specs h3{color:var(--color-black);margin:24px 0 6px;font-family:antipol-variable,sans-serif;font-size:20px}.about{margin-top:120px;margin-bottom:120px}.about .photo{width:230px;height:230px;background-size:cover;margin:0 auto 20px}.about .name{margin-bottom:20px;font-family:antipol-variable,sans-serif;font-size:40px}.about p{text-align:center;margin-bottom:4px;line-height:1.5}.about a{color:var(--color-highlight);text-decoration:none}.about a:hover{text-decoration:underline}.not-found{margin:200px 0}.not-found h1{text-align:center;color:var(--color-black-10);font-size:20px;font-weight:700}
/*# sourceMappingURL=index.bbd655f6.css.map */