@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);header .logo a img{transition:transform .5s ease-out;width:430px;max-width:60%}header .logo a img:hover{transform:scale(1.05)}footer{display:flex;flex-direction:column;margin-top:150px}footer div img{max-width:145px;opacity:.5;transition:opacity .5s ease-out}footer div img:hover{opacity:1}footer p{font-size:16px;color:#fff;font-weight:500;margin:20px 0 0}footer small{font-size:14px;font-weight:400;color:hsla(0,0%,100%,.5)}body{background-color:#25142d}*{box-sizing:border-box}#app{font-family:Poppins,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;margin-top:100px}#app .container{margin:0 auto;position:relative}@media screen and (max-width:576px){#app .container{width:100%}}@media screen and (min-width:576px) and (max-width:768px){#app .container{width:540px}}@media screen and (min-width:768px) and (max-width:992px){#app .container{width:720px}}@media screen and (min-width:992px) and (max-width:1200px){#app .container{width:960px}}@media screen and (min-width:1200px) and (max-width:1400px){#app .container{width:1140px}}@media screen and (min-width:1400px){#app .container{width:1320px}}#app .container section{width:100%}.search-wrapper{margin-top:60px;position:relative;width:100%}.search-wrapper .search-inner input{border:1px solid #70507f;border-radius:10px;background-color:#34223d;width:100%;padding:16px;font-size:24px;color:#fff;outline:none;font-family:Poppins,sans-serif;font-weight:300}.search-wrapper .search-inner input::-moz-placeholder{font-style:italic}.search-wrapper .search-inner input::placeholder{font-style:italic}.search-wrapper .search-results{border:1px solid #70507f;border-radius:10px;background-color:#34223d;position:absolute;z-index:9999;width:100%;text-align:left;margin-top:10px;max-height:300px;overflow-y:auto}.search-wrapper .search-results .list ul{list-style:none;margin:0;padding:0}.search-wrapper .search-results .list ul li a{display:flex;align-items:center;gap:10px;padding:16px;border-bottom:1px dashed hsla(0,0%,100%,.1);color:#fff;font-size:20px;text-decoration:none;transition:background-color .2s ease-out}.search-wrapper .search-results .list ul li a:hover{background-color:hsla(0,0%,100%,.05)}.search-wrapper .search-results .list ul li a .imdb-score{background-color:#ffde00;color:#25142d;border-radius:10px;font-weight:700;text-align:center;padding:4px;width:50px}.search-wrapper .search-results .list ul li a .name{flex:1}.search-wrapper .search-results .list ul li a .icons{display:flex;gap:5px}.search-wrapper .search-results .list ul li a .icons .icon{height:36px;border-radius:18px;display:flex;justify-content:center;align-items:center;padding:4px 10px;background:#fff;overflow:hidden}.search-wrapper .search-results .list ul li a .icons .icon img{max-width:100%;max-height:70%}.search-wrapper .search-results .list ul li a .icons .platforms{display:flex;gap:10px}.search-wrapper .search-results .list ul li:last-child a{border:0}section{display:flex;align-items:center;gap:20px;margin-top:40px}section .poster{border-radius:10px;overflow:hidden;width:250px}section .poster img{max-width:100%}section .content{flex:1;text-align:left;color:#fff}section .content h1{display:flex;gap:15px;align-items:center;font-size:22px;color:#fff;font-weight:700;margin:0;padding:0}section .content h1 strong{background-color:#ffde00;color:#25142d;border-radius:10px;font-weight:700;text-align:center;padding:4px;width:40px;font-size:16px}section .content .mini-info p{color:hsla(0,0%,100%,.5);font-size:12px;margin:5px 0;padding:0;display:flex;gap:15px}section .content .mini-info p span:after{padding-left:15px;content:"|"}section .content .mini-info p span:last-child:after{content:"";padding-left:0}section .content .description{font-size:14px}section .content .platforms-wrapper{display:flex;flex-direction:column}section .content .platforms-wrapper h2{font-size:20px}section .content .platforms-wrapper .platforms{display:flex;gap:5px}section .content .platforms-wrapper .platforms .platform a{opacity:.7;transition:opacity .3s ease-out}section .content .platforms-wrapper .platforms .platform a .icon{height:36px;border-radius:18px;display:flex;justify-content:center;align-items:center;padding:4px 10px;background:#fff;overflow:hidden}section .content .platforms-wrapper .platforms .platform a .icon img{max-width:100%;max-height:70%}section .content .platforms-wrapper .platforms .platform a:hover{opacity:1}