.movie-info:hover{font-weight:600;font-size:20px;}@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");:root{--primary-color:#f1f1f1;--secondary-color:#000;}*{box-sizing:border-box;}body{font-family:Roboto, sans-serif;margin:0;background-color:var(--primary-color);}header{background-image:url("https://i.ibb.co/vvLQS3C/20210901-083009.png");background-color:inherit;background-position:top left;background-repeat:no-repeat;background-size:140px 66px;padding:1rem;display:flex;justify-content:flex-end;background-color:var(--secondary-color);}.search{background-color:#f1f1f1;border:2px solid var(--primary-color);border-radius:50px;font-family:inherit;font-size:1rem;padding:0.5rem 1rem;color:#000;}.search::placeholder{color:#7378c5;}.search:focus{outline:none;background-color:#fff;}main{display:flex;flex-wrap:wrap;justify-content:center;}.movie{width:300px;margin:1rem;background-color:var(--secondary-color);box-shadow:0 4px 5px rgba(0, 0, 0, 0.2);position:relative;overflow:hidden;border-radius:5px;}.movie img{background-image:url("https://i.ibb.co/vvLQS3C/20210901-083009.png");background-color:inherit;background-position:center;background-repeat:no-repeat;background-size:150px 70px;width:100%;animation:fadeIn ease 1s;-webkit-animation:fadeIn ease 1s;-moz-animation:fadeIn ease 1s;-o-animation:fadeIn ease 1s;-ms-animation:fadeIn ease 1s;}.movie-info{color:var(--primary-color);display:flex;align-items:center;justify-content:space-between--;padding:0.5rem 1rem 1rem;letter-spacing:0.5px;}.movie-info h3{margin-top:0;}.movie-info span{background-color:var(--primary-color);padding:0.25rem 0.5rem;border-radius:3px;position:absolute;bottom:6px;right:6px;font-weight:bold;}.movie-info span.year{padding;20px;top:0;left:0;background:transparent}.movie-info span.year:hover{color:#000;padding;20px;top:0;left:0;background:transparent}.movie-info span.green{color:#029A0F;}.movie-info span.red{color:#bb0a1e;}.movie-info span.orange{color:orange;}.overview{overflow:scroll;background-color:white;padding:2rem;position:absolute;left:0;right:0;bottom:0;max-height:100%;transform:translateY(101%);transition:transform 0.3s ease-in;}.movie:hover .overview{transform:translateY(0);}footer{background-image:url("https://i.ibb.co/99YNvb4/20210903-074328.png");background-position:center;background-repeat:no-repeat;background-size:220px 22px;width:100%;position:fixed;bottom:0;left:0;height:50px;background-color:#222}footer{background-image:url("https://i.ibb.co/99YNvb4/20210903-074328.png");background-position:center top;background-repeat:no-repeat;background-size:220px 22px;width:100%;position:fixed;bottom:30px;left:0;height:22px;background-color:#222}100%{opacity:1;}}@-moz-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-webkit-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-o-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}@-ms-keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}