.main-wrapper{display:grid;height:100%;grid-template-rows:auto 1fr auto;animation:height .2s ease-out;box-sizing:border-box}body{height:100svh;min-height:100svh}.main-title{align-self:center;margin-inline:min(4em,5%);.title{font-size:clamp(2em,15svw,10em);font-weight:600;color:var(--font-color-primary);margin-bottom:3rem;h1{display:inline;position:relative}h1:after{content:"";position:absolute;left:50%;bottom:0;height:1px;width:100%;transform:translate(-50%);background-color:var(--font-color-secondary);border-radius:1px}}hr{margin:0;margin-bottom:3rem}}@media screen and (min-width:1200px){.main-title{display:grid;grid-template-columns:1fr;place-items:center;.title{margin-bottom:4rem;h1:after{height:2px;width:120%}}}.description{text-align:center}}.description{line-height:1.75em;max-width:750px}.description a{color:var(--accent-color-primary);text-decoration:none}#header{padding:2em;display:flex;align-items:center;justify-content:end;gap:1.5em}#header a{color:var(--font-color-secondary);text-decoration:none;transition:color .2s ease-out}#header a:hover{color:var(--font-color-primary)}.footer{display:flex;padding-block:2em;justify-content:center;.socials{display:flex;gap:1em}.socials a{color:var(--font-color-secondary);text-decoration:none;transition:color .2s ease-in-out}.socials a:hover{color:var(--font-color-primary)}}