@charset "UTF-8";*{box-sizing:border-box}body{height:100vh;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background-color:#f0eff0}header,main .movie .wrapper{display:flex;flex-direction:column}header{position:fixed;top:0;left:0;height:100%;padding:10vh 0 72px 72px;justify-content:space-between;color:#e7473c;width:33%}header h1{font-size:65px;width:50%;text-transform:uppercase;letter-spacing:5px}header h3,header p{font-weight:300;margin-bottom:40px;width:70%;line-height:1.2;text-align:justify}header p{font-size:20px}header nav{width:80%}header nav ul{display:flex;flex-wrap:wrap}header nav ul li{cursor:pointer;margin-right:12px;font-size:15px;color:#000;opacity:.5;padding-bottom:5px;border-bottom:2px solid #000;margin-bottom:20px}header nav ul li:hover{opacity:1}main{margin-left:33%}main .movie{background:linear-gradient(to bottom,rgba(0,0,0,.1) 5%,transparent,transparent,transparent,transparent) #e7473c;height:100vh;display:flex;justify-content:center;align-items:center;color:#fff}main .movie .wrapper{width:80%}main .movie .wrapper .movie__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}header h3,main .movie .wrapper .movie__header h4{font-size:25px}main .movie .wrapper .movie__header h5{letter-spacing:2px}main .movie img{width:100%;box-shadow:0 80px 80px -80px #000,0 0 12px rgba(0,0,0,.06),inset 0 0 0 1px rgba(0,0,0,.2)}