/*{
    cursor:none;
}*/

*{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-family: Arial, Helvetica, sans-serif;
}

body{
    margin:0;
    padding:0;
    overflow:hidden;
}

#loader{
    width:100%;
    height:100%;
    position:fixed;
    z-index:99;
    left:0;
    top:0;
    background-color:black;
    display:flex;
    justify-content: center;
    align-items: center;
}

.hide{
    animation: fadeOut 0.5s;
    animation-fill-mode: forwards;
}

@keyframes fadeOut{
    100%{
        opacity:0;
        visibility:hidden;
    }
}

#root{
    position:relative;
    left:0px;
    top:0px;
    margin:0px;
    padding:0px;
}

.null{
    display:none;
}

.fillBox{
    position:absolute;

    background-color: black;
    border:2px solid silver;
    color:white;

    border-radius:2px;
    padding:10px;
    z-index: 50;
}
.relBox{
    position:relative;

    background-color: black;
    border:2px solid silver;
    color:white;

    border-radius:2px;
    padding:10px;
}
.clearBox{
    position:absolute;
    color:white;
    padding:10px;
}
.clearFlex{
    display:flex;
    position:absolute;
    left:0;
    width:100%;
    top:0;
    height:100%;
    justify-content: center;
    align-items: center;
    flex-direction:column;
    flex-wrap:wrap;
}

.text{
    position:relative;
    color:white;
    user-select:none;
    word-wrap: break-word;
}

.button{
    background-color:rgb(68, 68, 68);
    border:2px solid gray;
    border-radius:2px;
    padding:10px;
    color:white;
}
.button:hover{
    background-color:rgb(104, 104, 104);
}
.button:active{
    background-color:rgb(190, 190, 190);
}

.menubar{
    position:absolute;
    left:0;
    right:0;
    top:0;
    background-color:black;
    color:white;
    border:2px solid silver;
}
.menubar ul{
    list-style: none;
}

.menubar ul li{
    display:inline-block;
}