@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&display=swap";body{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;margin:0;padding:2em}#main-header{display:block;text-align:center;color:#8f8fbf;font-size:1.1em;font-weight:500}#logo{height:40px}.welcome-container{text-align:center;margin-top:2em}#welcome{background-color:#0000004d;text-align:left;display:inline-block;position:relative;width:100%;max-width:600px;min-height:400px;border-radius:var(--border-radius);overflow:hidden}#welcome>h1{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:1.3em;position:absolute;top:.5em;left:.7em;right:.7em;margin:0}#welcome>nav{text-align:center;font-size:1.3em;position:absolute;bottom:0;left:0;right:0;padding-bottom:2em}#welcome>nav>a{display:inline-flex;align-items:center;color:#fff;background-color:#57579b4d;text-decoration:none;margin:0 .4em;padding:.4em .8em;border-radius:var(--border-radius)}#welcome>nav>a:hover{background-color:#57579b}@media (max-width: 580px){#welcome>nav{display:flex;flex-direction:column;align-content:center;gap:.5em}}