#indexScreen {
    background-image: url("../assets/background0.jpg");
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.75); /* Darker background */
    background-blend-mode: multiply; /* Blend the image with the dark background */
}
#indexContent {
    color: #f0f0f0;
    text-shadow: 1px 1px 2px #dbdbdb, 0 0 1em #dbdbdb, 0 0 0.2em #dbdbdb;
}

#indexMenu {
    display: flex;
    align-items: center;
    justify-content: center;
}

#loginbox {
    height:100vh;
    width:100%;
    border-radius:8px;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.indexh1 {
    color:white;
    border-radius: 1px;
    place-self:center;
    padding:12px;
    font-size: 128px;
    margin-bottom: 100px;
}
.indexh3 {
    color:white;
    border-radius: 1px;
    place-self:center;
    padding: 20px;
    font-size: 48px;
}

#loginbutton {
    color:white;
    text-decoration: inherit;
    place-self: center;
    display: flex;
    flex-direction: row;
    height: 110px;
    border-radius: 4px;
}
#loginbutton:hover {
    filter:invert(1);
    background-color: black;
    box-shadow: 1px 1px 2px black, 0 0 1em black, 0 0 0.2em black;
}
#loginbuttoninput {
    padding-left: 20px;
    color: white;
    place-self: center;
    font-size: 100px;
    font-family:VT323;
    background: none;
    outline: none;
    border: none;
    text-shadow: 1px 1px 2px #dbdbdb, 0 0 1em #dbdbdb, 0 0 0.2em #dbdbdb;
    height: 100%;
}

#discordlogo {
    padding: 15px;
    height: 75%;
    filter:invert(1);
}