@font-face{
    font-display:fallback;
    font-family:SofiaPro;
    font-stretch:normal;
    font-style:normal;
    font-weight:400;
    src:url(SofiaProLight.woff2) format("woff2"),
    url(SofiaProLight.woff) format("woff")
}

html{ height: 100% }

body{
    background: #F9F3E6; margin: 0; padding: 0; height: 100%; color: #5A4330; font-family: SofiaPro, Arial;
    display: flex; justify-content: center; align-items: center; text-align: center;
}
.links{ display: flex; justify-content: center; align-items: center; text-align: center; grid-gap: 10px }
.links+.links{ margin-top: 20px }
.wrapper{ max-width: 400px; width: 80% }
a{ text-decoration: none; color: #5A4330; font-size: 18px }
a:hover{ font-weight: bold }

.logo{ margin-bottom: 100px }
.logo img{
    width: 100%; height: auto;
}