a {color:#000;}

body{
    /*background-image: url('/images/wallpapers/forest.jpg');*/
    background: linear-gradient(90deg, #fff, #faa);
    color: #000;
}

.content{
    margin: 1em;
}
.header{
    top:0px;
    /*height: 1em;*/
    /*width: 100%;*/
    /*font-size: 1.2vw;*/
}

.menu{
    border: 1px #ddd solid;
}
.menu-vertical{
	border: 1px #ddd solid;
}
.menu__element{
    border: 1px #222 solid;
    color: #000;
    background: linear-gradient(0, rgba(0,0,0,0.2), rgba(0,0,0,0));
}
.menu__element:hover{
    background: linear-gradient(0, rgba(0,0,0,0.3), rgba(0,0,0,0.1));
}

.paginator__page{
    border:1px #222 solid;
}

#notice-field{
    background-color: #999;
    border: 5px #888 solid;
}
@media screen and (max-device-width: 1080px) {
    #notice-field{
        border: none;
    }
}

.notice{
    background: linear-gradient(0, rgba(0,0,0,0.1), rgba(0,0,0,0.0));
    border: 1px #000 solid;
}

.notice-btn{
    background-color: #ccc;
}

.chat-message{
    border: 1px #aaa solid;
    background-color: #ddd;

}
.chat-message-input-fiend{
    background-color: #def;
    color: #000;
}

#popup-content{
    background-color: #333;
    color: #fff;
}

.center{
    background: #010101;
    color: #fff;
}

.wallet{
    border: #333 1px solid;
}


.root-btn-join, .btn-default{
	background: linear-gradient(0, rgba(0,0,0,0.1), rgba(0,0,0,0.0));
}

.root-btn-join:hover{
	background: linear-gradient(0, rgba(0,0,0,0.2), rgba(0,0,0,0));
}