*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0}body{font-family:Comic Sans MS,Comic Sans,cursive}html{scroll-behavior:smooth}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero a{color:inherit;cursor:pointer;text-decoration:none;transition:all .2s}.hero a:hover{font-size:1.1em}.hero h1{color:#fff;text-shadow:3px 3px #000,-3px -3px #000,3px -3px #000,-3px 3px #000;font-family:Comic Sans MS,cursive;font-size:80px}p{max-width:700px;font-size:1.5rem}