html {
    height: 100vh;
}

body {
    height: 500vh;
    background: black;
    /* color:#f0f8ff; */
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    /* overflow: visible; */
}

a {
    color: rgb(198, 48, 115);
}

#logo-container {
    position:fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

#logo {
    /* /* display: block; */
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

#container {
    display: block;
    margin: auto;
    padding: 35px;
    text-align: center;
    font-size: 14pt;
    background-color: rgba(240, 248, 255, 0.2);
    width: 40%;
    border-radius: 12pt;
    border: solid 2px;
    border-color: rgb(13, 43, 73);
    box-shadow: 2px 2px rgb(198, 48, 115);
    /* opacity: 50%; */
    
}

canvas {
    width: 100%;
    height: 100%;
    margin: 0;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100vw;
    max-height: 100vh;
    z-index: -1;
}