html {
    min-height: 100vh;
}

body {
    background-color: rgb(24, 24, 24);
    margin: 0;
    min-height: 100vh;
}

.title {
    color:            white;
    background-color: blue;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        40px;
    font-weight:      bold;
    padding-left:     10px;
    margin:           0;
}

.center {
    color:       white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:     10px;
    margin:      0;
    text-align:  center;
}

.row {
    margin: 50px;
    text-align: center;
}

.login {
    font-size:    25px;
    margin-left:  30%;
    margin-right: 30%;
}

.button1 {
    color:            white;
    background-color: blue;
    width:            200px;
    height:           75px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        30px;
    font-weight:      bold;
    margin:           25px;
}

.button2 {
    color:            white;
    background-color: blue;
    width:            75%;
    height:           75px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        30px;
    font-weight:      bold;
    margin:           25px;
}

.button3 {
    color:            white;
    background-color: blue;
    width:            150px;
    height:           50px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        20px;
    font-weight:      bold;
    margin:           5px;
}

.button1:hover {
    color:            white;
    background-color: rgb(0, 0, 173);
    width:            200px;
    height:           75px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        30px;
    font-weight:      bold;
    margin:           25px;
}

.button2:hover {
    color:            white;
    background-color: rgb(0, 0, 173);
    width:            75%;
    height:           75px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        30px;
    font-weight:      bold;
    margin:           25px;
}

.button3:hover {
    color:            white;
    background-color: rgb(0, 0, 173);
    width:            150px;
    height:           50px;
    border-radius:    15px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        20px;
    font-weight:      bold;
    margin:           5px;
}

.creds {
    color:            white;
    background-color: rgb(50, 50, 50);
    width:            95%;
    height:           50px;
    border-radius:    10px;
    border:           white;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        30px;
    margin-left:      10px;
    padding-left:     10px;
}

.desc {
    color:            white;
    background-color: rgb(50, 50, 50);
    width:            calc(100% - 20px);
    height:           80px;
    border-radius:    10px;
    border:           white;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        15px;
    margin-left:      0px;
    padding-left:     10px;
    padding-top:      10px;
    resize:           vertical;
}

.message {
    color:            white;
    background-color: rgb(50, 50, 50);
    width:            calc(100% - 20px);
    height:           30px;
    border-radius:    10px;
    border:           none;
    font-family:      Verdana, Geneva, Tahoma, sans-serif;
    font-size:        20px;
    padding-left:     10px;
}

.drop {
    color:              white;
    background-color:   rgb(50, 50, 50);
    border-radius:      5px;
    border:             none;
    width:              100px;
    font-family:        Verdana, Geneva, Tahoma, sans-serif;
    font-size:          15px;
    /* appearance:         none;
    -webkit-appearance: none;
    -moz-appearance:    none;  */
}

h1 {
    color:       white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:     10px;
    margin:      0;
}

p {
    color:       white;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    padding:     10px;
    margin:      0;
}

ul {
    margin: 0px;
}

li {
    list-style-type: "-";
    color:          white;
}

a.clear {
    color:          white;
    text-decoration: none;
}

a.clear:hover {
    color:          white;
    text-decoration: none;
}

a.clear:active {
    color:          white;
    text-decoration: none;
}

a.clearline {
    color:          white;
    text-decoration: underline;
    cursor:          pointer;
}

a.clearline:hover {
    color:          white;
    text-decoration: underline;
    cursor:          pointer;
}

a.clearline:active {
    color:          white;
    text-decoration: underline;
    cursor:          pointer;
}

.hidescroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width:    none; /* Firefox */
}

.hidescroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera, newer Edge */
}