body {
    background-color: black;
    margin: 0px;
    padding: 0px;
}



#header {
    display: block;
    width: 30vw;
    height: 20vw;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, 0px);
    background-image: url(logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}


.view {
    display: block;
    width: 100vw;
    height: 60vw;
    margin: 0px;
    padding: 0px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
}

#footer {
    display: block;
    width: 60vw;
    height: 20vw;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 50%;
    top: 40vw;
    z-index: 1;
    transform: translate(-50%, 0px);
    color: white;
    font-family: arial;
    font-size: 16px;
}

#footer > div {
    margin: 0px 0px 16px 0px;
}

.link-button {
    color: white;
    background-color: #8e8ed891;
    padding: 8px 16px 8px 16px;
    margin: 0px 0px 0px 6px;
    border-radius: 32px;
    text-decoration: none;
    border: 1px solid rgb(236 236 236 / 50%);
    font-weight: 600;
}

.link-button:hover {
    color: rgb(250, 255, 202);
    border: 1px solid rgb(236 236 236 / 20%);
}