@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;500;600;700&display=swap";.header{padding-top:30px}.header h1{text-align:center}form{display:flex;justify-content:space-between;padding:2px;background-image:linear-gradient(35deg,rgba(0,3,40,1) 0%,rgba(4,22,115,1) 78%);border-radius:24px;border:2px solid rgba(4,22,115,1);font-size:1rem;width:50vw;margin:10px auto}.searchbar input{background:transparent;border:none;color:#fff8dd;font-size:12px;flex-grow:1;padding:10px 0 10px 15px}.searchbar button{cursor:pointer;background:transparent;border:none;padding:0 10px}.searchbar input:focus{border:none;outline:none}@media (max-width: 500px){form{width:70vw}}.sidebar{display:flex;justify-content:flex-start;padding:10px 12px;list-style:none;color:#00f;border-radius:24px;gap:14px;width:50vw;margin:14px auto}.sidebar button{background-color:#09053c;color:#fffcf4;border-radius:25px;padding:10px;cursor:pointer;font-family:inter,Arial,Helvetica,sans-serif}.sidebar button.active{color:#2b2934;background-color:#efcd1d}@media (max-width: 500px){.sidebar{width:40vw;flex-wrap:wrap;flex-direction:column}}*{box-sizing:border-box}.card__img{visibility:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;height:300px;border-top-left-radius:12px;border-top-right-radius:12px}.card__info-hover{position:absolute;padding:16px;width:100%;opacity:0;top:0}.card__img--hover{transition:.3s all ease-out;background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;position:absolute;height:350px;border-top-left-radius:12px;border-top-right-radius:12px;top:0}.card{display:flex;flex-direction:column;justify-content:space-between;transition:all .4s cubic-bezier(.175,.885,0,1);background-color:#131212e3;width:300px;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 13px 10px -7px #0000001a;background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(9,9,121,.9492366101602259) 14%,rgba(0,212,255,0) 100%)}.card:hover{box-shadow:0 30px 18px -8px #000000b3;transform:scale(1)}.card__head{display:flex;align-items:center;justify-content:space-between}.card__link{padding:5px 0 5px 14px;cursor:pointer;opacity:1}.card__info{z-index:2;background-color:#000315;border-bottom-left-radius:12px;border-bottom-right-radius:12px;padding:16px 24px 24px;width:100%;justify-self:flex-end}.card__title{margin-top:5px;margin-bottom:10px;font-family:Roboto Slab,serif;color:azure}.card__year{color:#fff}.card__disc{display:flex;gap:10px;align-items:center;align-content:center}.card__rating{color:wheat;display:flex;align-items:center;column-gap:5px}.card__genre{text-decoration:none;color:wheat}.card:hover .card__img--hover{height:100%;opacity:.5}.card:hover .card__info{background:rgb(2,0,36);background:linear-gradient(0deg,rgba(2,0,36,1) 0%,rgba(9,9,121,.9492366101602259) 24%,rgba(0,212,255,0) 70%);position:relative}.card:hover .card__info-hover{opacity:1}.movie-list{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin:30px 25px}.notfound{text-align:center}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;background-image:linear-gradient(111.4deg,rgba(7,7,9,1) 6.5%,rgba(27,24,113,1) 93.2%)}body{background-image:linear-gradient(111.4deg,rgba(7,7,9,1) 6.5%,rgba(27,24,113,1) 93.2%)}