@font-face {
    font-family: "CascadiaMono";
    src: url("CascadiaMono.ttf") format("truetype")

}


#Login{
display: inline;
}
#Balance{
    display: none;
}
#admin{
    display: none;
}

body{
    background-color: #013F42;
    position: static !important;
}

div{
    display:block;
}

.logoMark{

    width: 35VH;
    display: flex;
    margin: 15VH auto 20px;
}

input{
    background-color: rgba(0, 255, 176, 0.42);
    display: flex;
    margin-right: auto;
    margin-left: auto;
    padding: 5px;
    border: black solid 3px;
    resize: none;
    border-radius: 10px;
    width: 30VH;
    font: 1.5rem "CascadiaMono";
}

#loginButton{

    font: 2rem  "CascadiaMono";
    font-weight: bold;
    background-color: rgba(0, 255, 176);
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    padding: 5px;
    border: black solid 3px;
    resize: none;
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 15rem;
}

#loginButton:hover{
    background-color: rgba(0, 255, 176, 0.42);
    cursor: pointer;
}

#welcome{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176);
    text-align: center;
}

.divider{
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5px;
    width: 40VW;
    height: 3px;
}
.balanceTitle{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176, 0.71);
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
    margin-bottom: -50px;
}

.balance{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: -50px;
}

.icon{
    width: 2rem;
    margin-right: 1px;

}

#balanceAmount{
    font: 5rem  "CascadiaMono";
    color: rgba(0, 255, 176);
    text-align: center;
}
.redeem{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176, 0.71);
    text-align: center;
    margin-top: 25px;
    font-weight: bold;

}
.comingSoon{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176);
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}
.adminWelcome{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176);
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}

.adminTitle{
    font: 2rem  "CascadiaMono";
    color: rgba(0, 255, 176, 0.71);
    text-align: center;
    margin-top: 25px;
    font-weight: bold;
}

.adminButton{
    font: 1.5rem  "CascadiaMono";
    font-weight: bold;
    background-color: rgba(0, 255, 176);
    display: flex;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    padding: 5px;
    border: black solid 3px;
    resize: none;
    border-radius: 10px;
    align-items: center;
    width: 15rem;
}
.adminButton:hover{
    background-color: rgba(0, 255, 176, 0.42);
    cursor: pointer;
}

.divider1 {
    display: flex;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
    width: 40VW;
    height: 3px;
}

#statusHolder {
    position: fixed;
    bottom: 0;
    left: 0;
}