@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Noto+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400&display=swap');

body, html {
    background: rgb(60,84,110);
    background: linear-gradient(186deg, rgba(60,84,110,1) 0%, rgba(169,173,176,1) 100%);
    
    margin: 0;
    padding: 0;
    overflow-x: hidden;

    font-family: 'Libre Baskerville', serif;
}

#splash {
    height: 100vh;
    width: 100vw;

    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    padding: 0px 8px;

    color: #f1f1f1;
 
    background-image: url('./background.png');
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
}

h1 {
    font-weight: bold;
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    max-width: 375px;
    text-align: center;
    font-weight: lighter;
}

#list {
    margin-top: 16px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
}

a {
    color: white
}