:root{--primary-bg: rgb(15, 15, 15);--secondary-bg: rgb(25, 25, 25);--primary-text: white;--secondary-text: rgb(190, 190, 190);--tertiary-text: rgb(140, 140, 140);--primary-hover: rgb(30, 30, 30);--primary-color: rgb(255, 165, 0);--secondary-color: rgb(255, 102, 0);--invert: invert(0)}.light-mode{--primary-bg: rgb(240, 240, 240);--secondary-bg: rgb(210, 210, 210);--primary-text: black;--secondary-text: rgb(65, 65, 65);--tertiary-text: rgb(115, 115, 115);--primary-hover: rgb(225, 225, 225);--primary-color: rgb(255, 102, 0);--secondary-color: rgb(255, 165, 0);--invert: invert(1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s ease}body{background-color:var(--primary-bg)}.wrap{width:80%;margin-inline:10%}.hero{display:flex;flex-direction:column;align-items:center;gap:50px;padding-block:50px;text-align:center}.hero-img{height:100px}.hero-title{background:linear-gradient(to right,var(--primary-color),var(--secondary-color));color:transparent;-webkit-background-clip:text;background-clip:text;font-size:45px}.hero-description{color:var(--secondary-text);font-size:18px;line-height:30px;width:70%}.films{display:flex;flex-wrap:wrap;justify-content:center;gap:20px 30px}.film{background-color:var(--secondary-bg);border-radius:5px;padding:20px 30px;flex:1 0 calc(50% - 15px);min-width:350px;max-width:700px;cursor:pointer;display:flex;gap:30px;transition:background-color .3s ease}.film:hover{background-color:var(--primary-hover)}.film:hover .film-title{color:var(--primary-color)}.film-poster{width:130px;border-radius:5px}.film-info{display:flex;flex-direction:column;gap:10px}.film-title{color:var(--primary-text);font-size:20px;margin-bottom:10px;transition:color .3s ease}.film-description{color:var(--secondary-text);font-size:16px;line-height:20px}.film-details{color:var(--secondary-text);display:flex;gap:10px}.footer{display:flex;flex-direction:column;align-items:center;gap:20px;font-size:14px;padding-block:50px;color:var(--tertiary-text);border-top:2px solid var(--secondary-bg);margin-top:50px}.footer-copy{font-size:16px;color:var(--secondary-text)}.footer-credits{text-align:center;line-height:20px}.footer a{color:var(--primary-color);text-decoration:none}.footer a:hover{text-decoration:underline}.icons{display:flex;gap:20px;position:absolute;top:30px;right:30px}.icons img{cursor:pointer;width:25px;height:25px;filter:var(--invert)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-thumb{background-color:var(--tertiary-text);border-radius:5px;border:3px solid var(--primary-bg)}::-webkit-scrollbar-thumb:hover{background-color:var(--secondary-text)}@media (max-width: 500px){.wrap{width:90%;margin-inline:5%}.hero-description{width:100%}.film{min-width:200px;padding:10px}.film-poster{width:60px;height:80px}}