html{
    margin: 0;
    padding: 0; 
}

body{      
    overflow: hidden;
}

.button{   
    font-family: Inconsolata;
    border-color: #0037FF;
    font-size: 2rem;
    border-radius: .5rem;
    margin: 0.5rem;
    cursor: pointer;
    
}

#caos{
    background-color: rgb(0,39,255, 0.5);
    color: #EEFFCC;
}
#caos:hover{
    background-color: rgb(0,39,255, 1);
}

#rotate{
    background-color: rgb(0,199,255, 0.5);
    color: #0037FF;
}
#rotate:hover{
    background-color: rgb(0,199,255, 1);
}
.content{
    display: flex;
    flex-direction: column;
    position: absolute;
    bottom: 5rem;
    right: 5rem;
}
#disp{
    background-color: rgb(238,255,204, 0.5);
    color: #0037FF;   
}
#disp:hover{
    background-color: rgb(238,255,204, 1);
    
}
.webgl{
    width: 100%;
    height: 100%;
    outline: none;
    position: fixed;
    top: 0;
    left: 0;
}

/*# sourceMappingURL=main.css.map*/