html,body{margin:0;padding:0;font-family:Inter,sans-serif;height:100%}body{color:#f5f5f5;display:flex;flex-direction:column;height:100vh}header{display:flex;justify-content:center;align-items:center;position:relative;height:208px;padding:0 2.625em;background:linear-gradient(#000000b3,#000000b3),url(/images/headImage.jpg);background-size:cover;background-position-y:23%}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;height:208px;max-width:900px}main{padding-top:62px;background-color:#121212;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}h1{font-size:2.6rem;font-weight:800}h2{display:inline;font-weight:500;margin:0 0 .4em}p{color:#a5a5a5;margin:0}.suggestion{color:#2e2e2f;margin:1em;font-weight:700;font-size:1.2rem}a{font-size:.85rem;font-weight:700;text-decoration:none;color:#f5f5f5;background-color:#121212;padding:.6em 1.7em;border-radius:5px}a:nth-child(2):hover{box-shadow:0 0 5px 2px #ffffff4d}form{position:absolute;bottom:-9.6%;width:100vw;max-width:990px;display:flex;justify-content:center;align-items:center;font-size:.875rem}.search-container{position:relative;display:flex;align-items:center;width:100%}input{color:#a5a5a5;background-color:#2e2e2f;padding-left:41px;margin-left:2em;width:100%}input:focus{border:none;outline:none;box-shadow:0 0 9px 2px #ffffff80}form button{padding:0 35px;color:#f5f5f5;background-color:#4b4b4b;margin-left:-112px;margin-right:2.625em}form button:hover{background-color:#121212}form button,input{padding-top:11px;padding-bottom:11px;border:none;border-radius:6px}i{position:relative;left:58px;color:#9ca3af}.star-icon{width:1em;height:1em;margin:0 .4em 0 1.3em}.movie-container{display:flex;padding:1.5625em 2.8em;max-width:900px}article{display:flex;flex-direction:column;justify-content:center;margin-left:1.6em;line-height:1.4em}.poster{width:26vw;max-width:250px;border-radius:4px;object-fit:cover}.title-container{display:flex;align-items:center}.watchlist-container{display:flex;align-items:center;font-size:.8rem;margin:1.1em 0}span{margin-right:1.2em}.watchlist-btn{color:#121212;width:19px;height:19px;border-radius:50%;font-size:24px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;margin:0 .2em 0 .1em;box-sizing:border-box}button,label{cursor:pointer}hr{width:84vw;max-width:900px;border:1px solid #4b4b4b}#loading{background-color:#4b4b4b;border-radius:8px;padding:.5em 1em;color:#fff;font-size:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%)}@media (max-width: 560px){header{padding:0 1.5em}h1{font-size:2.3rem;font-weight:600;margin:0}input{margin-left:.55em}i{left:36px}form button{margin-right:1.7em}.movie-container{padding:1em 1.5em}article{margin:0 1em}h2{margin:0 0 .3em}a{font-size:.65rem}p{font-size:.8rem;line-height:1.1rem}.watchlist-container{font-size:.7rem;margin:.5em 0}span{margin-right:.5em}}@media (max-width: 440px){h1{font-size:1.8rem}a{font-size:.6rem}}