body{margin:0;padding:0;background:linear-gradient(to top,#a6c0fe 0%,#f68084 100%);background-attachment:fixed;font-family:Tilt Neon,cursive}#search-container{max-width:37.5em;padding:3em 4em;background-color:#fff;background:rgba(255,255,255,.1);margin:10vh auto 0;border-radius:.6em;box-shadow:1em 1.5em 2em #0000001a;display:flex;flex-direction:column;justify-content:center}#search{display:flex;justify-content:space-between;position:relative}#search-movie{box-shadow:inset 0 4px 4px #00000040;outline:none;border:none;border-radius:.6em;height:50px;width:60%;opacity:.4;background:rgba(255,255,255,.7);font-weight:600;font-size:1.2em;padding:0 20px}#search-movie.active-list-movies{border-radius:.6em .6em 0 0}button{width:20%;border:none;border-radius:.6em;font-weight:500;font-size:1em;color:#fff;cursor:pointer;background: #3969F3;}button:hover{background:linear-gradient(145deg,#98abe1,#b5cbff)}header{width:100vw;height:80px;display:flex;align-items:center;justify-content:center}h1{font-size:3em;color:#fff;animation:animTitle 1.5s ease;letter-spacing:.1em}#movie-header{display:flex}#title{align-self:center;justify-self:center}.error-message{animation:flashes .2s ease;animation-iteration-count:4;margin-bottom:0;font-weight:500;color:#fe555a;text-shadow:2px 1px 2px #7a7a7a}#movie-container{display:flex;flex-direction:column;margin-top:48px}#movie-topside{display:flex;gap:20px}#movie-infos-topside{display:flex;flex-direction:column;align-items:center;width:100%}#movie-img,#movie-img>img{width:100%}#movie-img>img{border-radius:10px;border:3px solid white}#year-duration{margin:0}.label-infos{color:#7d2828;font-weight:500;font-size:1.1em}#rating{display:flex;align-items:center;margin-top:20px;font-size:1.2em;padding:10px;border-radius:10px;border:3px solid #ffdc64}#star{width:35px;height:35px;margin-left:10px}#genres{display:flex;margin-top:20px;width:100%;flex-wrap:wrap}.tag{width:auto;padding:6px 15px;background:white;color:#658af6;border:1px solid #658af6;border-radius:10px;margin-right:10px;text-align:center;font-size:.8em;margin-bottom:10px}#country{align-self:flex-start}.hide-movies-list{display:none}#movies-list{position:absolute;top:35px;z-index:1000;width:calc(60% + 40px);list-style:none;padding:0;max-height:400px;overflow-y:auto}.item-list{display:flex;height:80px;background-color:#000000b3;color:#fff;cursor:pointer;align-items:center;padding-left:10px;overflow:hidden;font-size:.8em}.item-list:not(:last-child){border-bottom:1px solid rgba(255,255,255,.7)}.item-list>span{margin-top:10px;margin-left:10px;align-self:flex-start}.img-item-movie{width:50px;height:70px;border:2px solid black}.item-list:hover{background-color:#ffffffb3;color:#000;box-shadow:inset 0 4px 4px #00000040}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#ffffffb3}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#000000b3}@media (max-width: 425px){#search-container{border-radius:0;padding:2em 1em;margin-top:20px}#search-movie{font-size:1em;height:40px;width:55%}#search-btn{width:25%}h1{font-size:2.5em;animation:animTitlePhone 1.5s ease}#movie-infos-topside>h2{font-size:1.2em}#movie-topside{flex-direction:column;gap:0}#movie-img{display:flex;justify-content:center}#movie-img>img{width:70%}#movies-list{width:calc(55% + 40px);top:25px}.error-message{font-size:1.4em}}@keyframes animTitle{0%{font-size:1em;letter-spacing:-4em}50%{letter-spacing:2em;font-size:2em;color:#a6c0fe}to{letter-spacing:.1em}}@keyframes animTitlePhone{0%{font-size:1em;letter-spacing:-1.8em}50%{letter-spacing:.5em;font-size:2em;color:#a6c0fe}to{letter-spacing:.1em}}@keyframes flashes{50%{opacity:0}}