@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";body{width:100%}@media screen and (max-width: 768px){.section-first,.contain,.cont{flex-direction:row;gap:10px;align-items:center}.contain{height:fit-content;width:100%}.home{flex-direction:column;margin:0 20px}}.movieCard{width:100%;position:relative}.movieCard:hover{scale:.9;transition:1s ease}.play{transition:all 2s ease}.play:hover{cursor:pointer}.play:hover .playBtn{display:block;background-color:#aba4a466;display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;transition:all 2s ease-in-out}.playBtn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20%;height:auto;cursor:pointer;display:none;font-weight:300}.imgConts{width:450px}.imgConts img{width:100%;border-radius:10px;z-index:-1}.desc{display:flex;flex-direction:column;justify-self:start;position:absolute;bottom:10px;left:10px}.desc-cont{display:flex;align-items:center;gap:10px;font-weight:200}.title{display:flex;justify-self:start;font-size:20px;font-weight:400;font-family:var(--font-family)}.bookmark-icon{position:absolute;z-index:1;top:0;right:0;margin:10px;width:20px;height:20px;background-color:#aba4a466;background-position:center;padding:10px;text-align:center;border-radius:50%;transition:all .5s ease-in-out}@media screen and (max-width:800px){.imgConts{width:350px}}.home{display:flex;gap:30px;overflow:hidden;display:relative}.aligning{position:absolute;z-index:-1;display:flex;gap:30px;flex-wrap:nowrap;overflow:hidden;animation:autoslide infinite 10s ease}.behind{width:90%}.behind:hover .aligning{position:absolute;animation-play-state:paused}@keyframes autoslide{0%{transform:translate(0)}200%{transform:translate(-10%)}50%{transform:translate(-20%)}80%{transform:translate(-30%)}to{transform:translate(0)}}.recommended{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:50px;row-gap:30px}.positioning{position:relative;top:300px}.search{margin:20px 0;width:100%;border:none;outline:none;padding:10px 40px;background:url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M27.613%2025.72%2023.08%2021.2a10.56%2010.56%200%200%200%202.253-6.533C25.333%208.776%2020.558%204%2014.667%204S4%208.776%204%2014.667c0%205.89%204.776%2010.666%2010.667%2010.666A10.56%2010.56%200%200%200%2021.2%2023.08l4.52%204.533a1.333%201.333%200%200%200%201.893%200%201.333%201.333%200%200%200%200-1.893ZM6.667%2014.667a8%208%200%201%201%2016%200%208%208%200%200%201-16%200Z'%20fill='%23FFF'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:left center;border-bottom:2px solid var(--bg--light)}.search::placeholder{font-family:var(--font-family);font-weight:200;font-size:20px;padding:10px 40px}.search:focus{border-bottom:2px solid var(--bg--light);padding-left:10%;color:#fff;caret-color:var(--red);font-family:var(--font-family)}h2{font-family:var(--font-family);font-weight:200;font-size:40px;padding:-25px 0}.contain{height:100vh;width:70px;padding:20px;border-radius:10px;background-color:var(--bg--light);display:flex;flex-direction:column;justify-content:space-between}.cont>*{width:20px;height:20px}.cont path:hover{fill:#fc4747;transition:.5s ease}.cont>*:active .cont svg path{fill:var(--white)}.active svg path{fill:#fff}.cont{display:flex;flex-direction:column;justify-content:space-around;gap:30px;align-items:center}#avatar{width:30px;height:30px;border-radius:50%;margin:0 auto 20px}#avatar img{width:100%;height:100%}#avatar img:hover{cursor:pointer}.user:hover{transition:2s ease}.user:hover .auth{display:block}.section-first{display:flex;flex-direction:column;justify-content:space-between;gap:60px;align-items:center}.auth{display:none;background-color:var(--white);padding:10px;border-radius:10px;scale:.9}.auth>*{text-decoration:none}.auth .link{text-decoration:none;color:var(--red);font-size:1em}@media screen and (max-width: 768px){.section-first,.cont{flex-direction:row;justify-self:center;align-items:center}.contain{flex-direction:row;margin:0;position:absolute;top:0;left:0;right:0}.section-first{margin:auto;align-items:center;justify-content:space-around}.contain{height:fit-content;width:100%;justify-content:center}}.movieCards{width:270px;position:relative}.movieCards:hover{scale:1.1;animation:shaking 1s ease;transition:2s ease-in-out}@keyframes shaking{0%{transform:rotate(10deg)}30%{transform:rotate(-5deg)}60%{transform:rotate(5deg)}to{transform:rotate(0)}}.imgCont{width:100%}.imgCont img{width:100%;border-radius:10px}.descs{display:flex;flex-direction:column}.desc-cont{display:flex;align-items:center;font-size:10px;gap:10px}.titles{display:flex;justify-self:start;font-size:1em;font-weight:400;font-family:var(--font-family)}.desc-cont img{width:10px;height:10px}.bookmark-icons{position:absolute;top:0;right:0;margin:10px;width:20px;height:20px;background-color:#aba4a466;background-position:center;padding:10px;text-align:center;border-radius:50%}.bookmark-icons:hover{background-color:#aba4a4e6}.bookmark-icons:hover svg path{stroke:none;fill:#fff}.play{transition:all 1s ease}.play:hover{cursor:pointer;opacity:.9}.play:hover .playBtn{display:block;background-color:#aba4a466;display:flex;align-items:center;justify-content:center;gap:5px;padding:5px 15px;border-radius:20px;transition:all 2s ease-in-out}@media screen and (max-width:1048px){.movieCards{width:25vw}}@media screen and (max-width:948px){.movieCards{width:24vw}}@media screen and (max-width:841px){.movieCards{width:35vw}}@media screen and (max-width:767px){.movieCards{width:39vw}}@media screen and (max-width:717px){.movieCards{width:37vw}}@media screen and (max-width:538px){.movieCards{width:35vw;margin:0 auto}}@media screen and (max-width:500px){.movieCards{width:95%;margin:0 auto}}.flexing{display:flex;width:100%;gap:30px;overflow:hidden}.cards{display:flex;justify-content:center;flex-wrap:wrap;column-gap:50px;align-items:center;row-gap:20px}body{background-color:var(--bg-color);font-family:var(--font-family);font-size:var(--font-size);color:var(--white);font-weight:100;font-style:normal}.container{width:30%;padding:20px;margin:10% auto;background-color:var(--bg--light);border-radius:10px;display:flex;flex-direction:column}form{display:flex;flex-direction:column;color:var(--white)}label{display:flex;margin-top:10px;justify-self:start}input{border:none;background-color:transparent;border-bottom:1px solid var(--light-blue);color:var(--white);padding:10px 20px;font-family:var(--font-family);font-weight:200}button{margin-top:20px;background-color:#fc4747;height:40px;color:var(--white);border-radius:8px;outline:none;border:none;font-family:var(--font-family);transition:all .3s ease-in;cursor:pointer}button:hover{background-color:var(--white);color:#000}input:focus{outline:none;border-bottom:1px solid var(--white);caret-color:var(--red);color:#fff;padding:10px 20px;font-family:var(--font-family);font-weight:200}.red{color:var(--red)}@media screen and (max-width: 800px){.container{width:60%}}:root{--bg-color: #10141E;--bg--light: #161D2F;--white: #FFFFFF;--red: #FC4747;--light-blue: #5A698F;--font-family: Outfit;--font-size: 18px}body{font-family:var(--font-family);font-size:var(--font-size);background-color:var(--bg-color);color:var(--white)}