html {
    background-color: #1f0e1c;
    margin: 0 !important;
    padding: 0;

}


/* 
.container:fullscreen {
    width: 960px;
    height: 720px;
    margin: 0 auto;
}
*/

body {
    margin: 0;   
}

/*
#game-viewport {
    
    width: 960px;
    max-height: 85vh;    
    border: 30px solid #3e2137;
    border-radius: 50px;
    
        
}
*/

canvas {
    box-sizing: border-box;
    border: 12px solid #1f0e1c;
    border-radius: 50px;
        
}


/* Input element for startGameScene */

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fffbed;
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fffbed;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #fffbed;
}

.name_input{
    font-size: 15px;
    font-family:'dogica_pixelregular';
    line-height: 115%;
    padding: 6px 6px;
    width: 15.5em;
    color: #fffbed;
    background-color: #4d193f;
    border-radius: 4px;
    border: 2px solid #f8cfb9;
    box-shadow: 2px 2px #602a4b;
    outline: none;

}





@font-face {
    font-family: 'dogica_pixelregular';
    src: url('dogicapixel-webfont.woff2') format('woff2'),
         url('dogicapixel-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}