body {
    margin: 0;
}
canvas {
    display: block;
}
#threejs-container {
    width: 100%;
    height: 100vh;
    position: relative;
}

#theatrejs-studio-root {
    inset: 40px 5px!important;
}

#saveModal , #loadModal {
background: black !important;
border: unset !important;
color: white !important;
}


div#saveModal button , div#loadModal button {
font-size: 12px;
background: #2a373b;
border-color: #557079;
border-radius: 4px;
padding: 6px;
color:#efefef!important;
}


div#saveModal button:hover , div#loadModal button:hover {
font-size: 12px;
background: #2a373b99;
color:#557079;
border-color: #557079;
border-radius: 4px;
padding: 6px;
}


input#projectStateName , input#projectStateName:hover , input#projectStateName:active, input#projectStateName:focus {
background: transparent;
border: 1px solid #557079;
color:#efefef;
}