*{box-sizing:border-box}body{color:#000;font:16px 'Roboto', sans-serif;height:100vh;margin:0;overflow:hidden;padding:15px;width:100vw}body.imprint{overflow-y:auto}.red{color:#f00}.green{color:#0f0}.blue{color:#00f}h1,h2{margin:0;padding:0}h1{font-size:32px;font-weight:700;left:60px;letter-spacing:2px;position:absolute;top:8px}header div{left:15px;mix-blend-mode:multiply;position:absolute;top:15px;transition:margin-left 0.3s ease-in-out;width:253px}header div:first-of-type{margin-left:-1px}header div:last-of-type{margin-left:1px}header:hover div:first-of-type{margin-left:2px}header:hover div:last-of-type{margin-left:-2px}.slashes{font-size:72px}h2{font-size:18px;font-weight:500;position:absolute;right:0;top:55px}main{font-size:30px;font-weight:700;left:0;position:absolute;text-align:center;top:50%;transform:translateY(-50%);width:100%}.imprint main{position:static;transform:none;margin:200px auto 0;text-transform:none;font-size:16px;max-width:550px}main .upper{font-size:30px}a{color:#000;text-decoration:none;display:block}nav{bottom:0;left:0;padding:15px;position:absolute}main span:hover:nth-of-type(odd){text-decoration:underline}main span:hover:nth-of-type(even){text-decoration:overline}label span{cursor:pointer}label a{height:0;overflow:hidden;transition:all 0.3s ease-in-out}label input{display:none}label input:checked ~ a{height:20px;margin:0 0 1px 15px}label input:checked ~ a:last-child{margin-bottom:15px}