body{color:var(--base-font-color);font-family:var(--base-font-family);font-size:var(--base-font-size);font-weight:var(--base-font-weight);background-color:var(--background-color);line-height:var(--base-line-height)}.wrapper h1{color:#191970;font-size:42px;line-height:1.2;margin-top:36px;text-align:center}footer{border-top:4px solid teal;height:100%;margin:0 auto 50px;max-width:800px;min-width:200px;padding-top:24px;text-align:center;width:60%}footer p{margin-top:20px}#hero{align-items:center;background:linear-gradient(45deg,#191970,teal);display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:1200px;width:100%;h1{color:#fefefe;font-family:var(--hero-font-family);font-size:min(max(36px,14vw),200px);font-weight:700;letter-spacing:15px;line-height:1;margin:2rem auto;width:5ch;overflow-wrap:break-word;text-align:center;text-transform:uppercase}svg{fill:#fefefe}}a{box-shadow:inset 0 -4px 0 teal;color:var(--base-font-color);text-decoration:none;transition:background .5s cubic-bezier(.33,.66,.66,1);&:hover{background-color:teal;color:#fefefe!important;text-decoration:none}&:visited{color:var(--base-font-color)}}@media screen and (max-width:700px){footer{margin-bottom:60px;width:80vw}#hero>h1{background:none;color:#fefefe;font-size:32px;max-width:100%;width:100%}}@media screen and (max-width:400px){#hero>h1{font-size:24px}}