*,::after,::before{margin:0;padding:0;box-sizing:border-box}:focus{outline:4px solid #ff4500}a{color:inherit}body,html{width:100%;height:100%}.video{z-index:-100;position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%)}@media (max-width:450px){.video{animation:videoMove 10s ease-in-out infinite}}@keyframes videoMove{25%{transform:translateX(-25%) translateY(-50%)}75%{transform:translateX(-75%) translateY(-50%)}}.input-wrapper{z-index:100;position:absolute;top:0;left:0;right:0}input{width:100%;padding:1em;text-align:center;font-size:4em}input,label{opacity:0;transform:translateY(-100%);transition:transform 1s,opacity 1s}.input-wrapper:hover input,.input-wrapper:hover label,input:focus,input:focus+label{opacity:1;transform:translateY(0);transition:transform .15s,opacity .15s}label{position:absolute;top:5px;left:10px;color:#000;font-family:sans-serif;font-size:20px;font-weight:700}button{z-index:200;position:absolute;top:0;bottom:0;width:100%;margin:0 auto;padding:.5em;color:#fff;font-weight:700;font-size:4em;text-align:center;background:rgba(0,0,0,.95);transition:opacity 1s,background .15s}button:hover{background:rgba(0,0,0,.75);cursor:pointer}button:focus{box-shadow:inset 0 0 0 4px #ff4500}button:active{background:rgba(0,0,0,.5)}.links{text-align:right;position:fixed;padding:1em;bottom:0;width:100%}.links span{display:inline-block;padding:.25em;margin-left:.25em;color:#fff;font-family:sans-serif;background-color:#000;opacity:.5;transition:opacity .25s}.links span:hover{opacity:.85}