html *{box-sizing:border-box}body{background-color:black;font-family:Arial, Helvetica, sans-serif;font-weight:bold;font-size:24px;color:#6d31fa}body a{color:#6d31fa;text-decoration:none}@media screen and (max-width: 800px){body{font-size:16px}}header,footer{padding:5% 5% 0;display:flex;justify-content:space-between;position:relative;height:100vh;animation:header .5s ease-in-out 2s 1 forwards;max-width:100%}header h1,footer h1{position:relative;margin-top:50vh;text-align:center;text-transform:uppercase;line-height:.85em;transform:translate(0, -40%) skew(0deg, -8deg) scale(0.95, 1);color:#6d31fa;font-size:5em;animation:header_h1 .5s ease-in-out 2s 1 forwards}@media screen and (max-width: 800px){header h1,footer h1{position:absolute;left:0;width:100%;font-size:3em;overflow:hidden;margin-top:45vh;animation:header_h1_mobile .5s ease-in-out 2s 1 forwards}}@keyframes header{to{height:100px}}@keyframes header_h1{to{margin-top:0;left:0;transform:translate(0, -25px) skew(0, 0) scale(1, 1);color:#6d31fa;font-size:2.5em}}@keyframes header_h1_mobile{to{margin-top:0;left:0;color:#6d31fa;font-size:2.5em;transform:translate(0, 35px) skew(0, 0) scale(1, 1)}}footer{height:auto;padding-bottom:2%}section{padding:3% 5%}section article{padding:75px 0 3%}section article .subtitle{display:flex;justify-content:space-between;padding:2% 0;font-size:2.5em}@media screen and (max-width: 800px){section article .subtitle{padding:5% 0}}section article .subtitle h3{display:block;text-transform:uppercase}section article .credits{margin-top:50px}@media screen and (max-width: 800px){section article .credits{margin-top:15px}}section article .credits a:hover{color:white}section article .credits p{margin-bottom:0.5em}section article .trailer{position:relative}section article .trailer video,section article .trailer img{width:100%;height:auto;display:block}