* {
    margin: 0;
    box-sizing: border-box;
    font-family: "VCR_ENG", "Verdana","Ariral";
    color:#FFff00; 
}
@font-face{
    font-family: "VCR_ENG";
    src: url("fonts/VCR OSD Mono Cyr.ttf") format('truetype'),
        url("fonts/VCR OSD Mono.woff2") format("woff2"),
         url("fonts/VCR OSD Mono.woff") format("woff");
    font-size: 12;
    font-weight:00;
}
html{ height: 100%;}

body{ height: 100%; background-color: black;
}
canvas{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
header{
    height: 15%;
    width:100%;
    display: inline-flex;
    align-items: center;
}
.cumtent{
    width:80%;
    position: absolute;
    top: 5%;
    bottom: 10%;
    left: 10%;
    right: 10%;
    height: 85%;
    background-color: rgba(0,0,0,0.98);
}
.content{
    float:left;
    padding-right: 10px;
    padding-left: 5px;
    /*background-color: aliceblue;*/
    height: 83%;
    width:65%;
    bottom:0;
    position:absolute;
}
.right{
    /*background-color: aqua;*/
    margin-left:65%;
    height: 83%; width:35%;
    padding: 15px;
    bottom:0;
    position:absolute;
    border-left: #FFff00 2px solid;
}
li{
    margin-bottom: 10px;
}
button{
    width: 120px;
    height: 70px;
    margin-right: 10px;
    font-size: large;
    color: yellow;
    background-color: black;;
    border: 3px solid;
    border-color:#ffff00 #707000 #707000 #ffff00 ;
}
#colorButton{
    width:120px; height: 70px; font-size:medium;
}
button:hover{
    cursor: pointer;
}