*{box-sizing:border-box}body{margin:0;background:#fff url('assets/background.png') repeat;color:#333;font-family:'Red Hat Mono',monospace;font-size:22px;line-height:1.6}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6b6ab1;outline-offset:6px}.header-inner{max-width:1680px;margin:0 auto 62px;padding-top:2%;display:flex;justify-content:space-between;align-items:center;gap:30px}header{padding:0 6%}.logo{display:block;max-width:44%;width:360px;line-height:0}.logo img{display:block;width:100%;height:auto}nav{display:flex;gap:40px;align-items:center}nav a{font-size:18px;line-height:1;padding:13px 0}nav a:hover{color:#6b6ab1}main{padding:0 6%}.hero{max-width:1360px;margin:0 auto 30px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.copy{padding-right:20%}h1{font-family:'Red Hat Display',sans-serif;color:#181818;font-size:51px;font-weight:900;line-height:1.1;letter-spacing:0;margin:0 0 20px}p{margin:0 0 20px}.course-note{font-size:18px;line-height:1.6}.button{display:inline-block;background:#4cbb17;color:#fff;font-size:18px;font-weight:400;line-height:1.3;border:1px solid #000;border-radius:4px;padding:12px 30px;box-shadow:4px 4px 0 #000;transition:background .15s,color .15s}.button:hover{background:#fff;color:#000;border-color:#6b6ab1}.portrait{display:block;width:100%;height:auto}footer{max-width:calc(1680px + 12%);margin:9% auto 2%;padding:0 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer p{font-size:19px;font-weight:600;margin:0}.youtube{color:#6b6ab1;line-height:0}.youtube:hover{color:#181818}.skip{position:absolute;top:-100px;left:16px;background:#fff;padding:12px}.skip:focus{top:12px}@media(max-width:1024px){.header-inner{margin-bottom:55px}.logo{width:300px}.copy{padding-right:12%}h1{font-size:42px}body{font-size:18px}.course-note{font-size:16px}nav a{font-size:16px}nav{gap:24px}.button{font-size:16px;padding:12px 22px}footer p{font-size:14px}}@media(max-width:767px){header,main,footer{padding-left:6%;padding-right:6%}.header-inner{padding-top:25px;margin-bottom:55px;gap:20px;flex-wrap:wrap}.logo{width:280px;max-width:100%}nav{gap:25px}nav a{font-size:14px}.hero{grid-template-columns:1fr;gap:40px}.copy{padding:0;text-align:center}h1{font-size:36px}.copy>p{max-width:540px;margin-left:auto;margin-right:auto}.portrait{max-width:800px}.course-note{font-size:16px}footer{margin-top:18%;margin-bottom:25px;flex-direction:column;gap:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}