* {
    margin:0;
    padding:0;
}

html {
    color:white;
    background-color:#001218;
    font-weight:500;
    letter-spacing:0.08rem;
    font-family:sans-serif;
}

img {
    -webkit-touch-callout:none; 
    -webkit-user-select:none; 
    -khtml-user-select:none; 
    -moz-user-select:none; 
    -ms-user-select:none; 
    user-select:none; 
}

ul, li { 
    list-style:none;
    padding:0;
    display:inline;
}

body > div {
    width:100%;
    min-height:100vh; 
    display:flex;
    align-items:center;
    justify-content:center;
}

body > div > div {
   margin:1rem;
   text-align:center;
   position:relative;
   padding-bottom:2rem;
}

#logo {
    height:8rem;
}

h1 {
    font-weight:500;
    font-size:1.6rem;
}

h2 {
    font-weight:400;
    font-size:1rem;
    margin-top:0.3rem;
}

h3 {
    font-weight:400;
    font-size:1rem;
    margin-top:0.1rem;
}

li {
    display:flex;
    flex-direction:column;
    gap:1rem;
    margin-top:2rem;
}

li a {
    letter-spacing:0.04rem;
    text-decoration:none;
    background-color:white;
    color:#001218;
    font-weight:600;
    font-size:1.1rem;
    width:350px;
    padding:1.1rem;
    border-radius:10px;
    display:block;
}