html{
    background-color: rgb(15, 15, 15);
    color: rgb(180, 180, 180);
}

.mdl-button{
    color:rgb(180, 180, 180);
}

.accountmenu{
    box-sizing: border-box;
    position: relative;
}

.login_failed{
    background-color: rgb(90, 0, 0);
    color: white;
    margin: 5px;
    padding: 5px;
    font-size: 12pt;
}

h3.login_failed{
    margin-left: 24px;
    padding: 0 5px;
}

.mdl-menu__item {
    color: rgb(200, 200, 200);
}

.mdl-menu__item:hover {
    background-color: rgb(80, 80, 80)
}

.mdl-menu__item:focus {
    outline: none;
    background-color: rgb(80, 80, 80)
}

.mdl-menu__item:active {
    background-color: rgb(60, 60, 60)
}

.mdl-menu__item[disabled], .mdl-menu__item[data-mdl-disabled] {
    color: rgb(80, 80, 80)
}
.mdl-menu__outline {
    background: rgb(10, 10, 10);
}

.mdl-dialog{
    box-shadow: 1px 1px 1px 1px rgba(50, 50, 50, .14);
    width: 400px;
    background: rgba(40, 40, 40, .99);
    color: rgb(180, 180, 180);
}

.mdl-dialog__content{
    color:rgb(180, 180, 180);
}

.mdl-textfield{
    width:100%;
}

.mdl-textfield__label {
    color: rgba(200, 200, 200, .4);
}

.maindiv{
    display: flex;
}
.maindiv .left{
    width: 20vw;
}
.maindiv .middle{
    width: 60vw;
}
.maindiv .right{
    width: 20vw;
}

.header{
    height: 10vh;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.header img{
    width: auto;
    height: 10vh;
}
.header .startbanner{
    margin: 10px;
}

.header .account{
    margin: 10px;
}