@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&family=Oswald&display=swap";body{background:linear-gradient(170.82deg,#0f2a4c 3.39%,#171717 93.04%);font-family:Arial,Helvetica,sans-serif;color:#fff;letter-spacing:1px;line-height:1.5}body>div{max-width:1500px;margin:auto}body{font-family:Oswald,sans-serif;line-height:1.5}h1{font-family:Montserrat,sans-serif}.movie-card{padding:1rem 1rem 0;border-radius:5px;transition:all .2s ease-in;display:flex;flex-direction:column}.movie-card img{width:230px;aspect-ratio:2/3;border:1px solid;border-image:linear-gradient(180deg,#3d78c2 0%,#0f2a4c 100%) 1;box-shadow:0 4px 10px #00000040,0 1px 1px #000000b3,0 0 30px -2px #0000001a}.movie-card__detail{display:flex;justify-content:space-between;align-items:baseline;margin-top:5px}.movie-card__detail--title{max-width:20ch;font-size:20px;text-align:left;color:#c2ddff;text-transform:uppercase;font-size:larger}.movie-card__detail--release-date{display:block;font-family:Montserrat,sans-serif;color:#3d79c2;font-size:smaller}.movie-card__detail--rating{border-radius:10px;background:linear-gradient(180deg,#1a4a86 0%,#162332 50%,#072953 100%) padding-box,linear-gradient(180deg,#0f2a4c 0%,rgb(88,155,208) 100%) border-box;box-shadow:0 1px 1px #fff9 inset,0 4px 4px #00000040;border:2px solid transparent;padding:4px 8px;color:#d4e60ab3}.movie-card__detail--rating.orange{color:#d5e000}.movie-card__detail--rating.red{color:red}.movie-card__detail--rating.green{color:#59df00}.movie-card:hover{background:linear-gradient(180deg,rgba(61,120,194,.25) 0%,rgba(15,42,76,.25) 100%);box-shadow:0 4px 10px #00000040,0 1px 1px #000000b3,0 0 30px -2px #0000001a;transform:translateY(-2px)}header{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;margin-bottom:2rem}header img{height:50px}header nav{margin-right:1rem}header nav ul{list-style:none;display:flex;font-family:Montserrat,sans-serif;color:#c1ddff;font-size:20px;text-transform:uppercase;background:linear-gradient(180deg,#0f2a4c 0%,rgba(0,0,0,.25) 100%);box-shadow:0 0 30px -2px #0000001a,0 1px 1px #000000b3,0 4px 10px #00000040;border:1px solid;border-image:linear-gradient(180deg,#3d78c2 0%,#0f2a4c 100%) 1;padding:0}header nav ul li{text-shadow:0px 4px 10px 0px hsla(0deg,0%,0%,.25),0px 1px 1px 0px hsla(0deg,0%,0%,.7),0px 0px 30px -2px hsla(0deg,0%,0%,.1);padding:1rem 2rem;cursor:pointer;transition:all .2s ease-in-out}header nav ul li:hover{background-image:linear-gradient(-180deg,#3d78c2 0%,#0f2a4c 100%)}.container{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;row-gap:1rem}