body {
    width: 100vw;
    height: 100vh;
    background: radial-gradient(circle,rgba(33, 36, 61, 1) 0%, rgba(23, 6, 8, 1) 100%);
    overflow: hidden;
}

#mainwrap {
    margin: 0 auto;
    background: #21243d;
    background: radial-gradient(circle,rgba(33, 36, 61, 1) 0%, rgba(23, 6, 8, 1) 100%);
}

.main-header {
    text-align:center;
    text-shadow: 0px 0px 10px #72e5ff3b;
    font-size: 3em;
}

html {
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color: white;
}

a:link {
    color: #7076ec;
}

a:active {
    color: #000000;
}

a:visited {
    color: #3a3a3a;
}

a:hover {
    color: #1f1f1f;
}

a.invalid {
    text-decoration: line-through;
}

#mainwrap {
    margin-top:30px;
    margin-left: 60px;
    margin-right: 60px;
    background-color: #08101b;
    padding: 1px 40px 20px 40px;
    box-shadow: 0px 0px 6px rgb(44, 93, 69);
    background: linear-gradient(51deg,rgba(19, 75, 82, 1) 0%, rgba(2, 2, 82, 1) 78%, rgba(115, 7, 173, 1) 99%);
}

.index {
    margin: auto;
    display: flex;
    justify-content: center;
    padding: 0px;
    height: 50px;
}

.navbar-button {
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    background-color: #87b1de;
    box-shadow: 0px 0px 5px rgba(101, 251, 201, 0.482);
    border-radius: 2px;
    width: 175px;
    text-align: center;
    color:#413b79;
    cursor: pointer;
    font-size: 1em;
    line-height: 0.1em;
    transition: 0.2s;
    transition-timing-function: cubic-bezier(.39,.58,.57,1);
    margin-bottom: 30px;
    height: 35px;
    min-width: 100px;
}

.navbar-button:hover {
    background-color: #5ce9b0;
    color:#000000;
    box-shadow: 0px 0px 5px rgb(101, 251, 201);
    height: 40px;
}