.center {
    margin: auto;
    border: 0px solid green;
    padding: 0px;
}

.canvas {
    border: 0px;
    width: 2600px;
    height: 1800px;
}

body {
    color: black;
    background-color: black;
    min-width: 800px;
    min-height: 600px;
}

body, html { 
    margin: 0px;
    overflow: hidden;
}

.input {
    position: fixed;
    font-family: VT323Regular;
}

@font-face {
        font-family: "RobotoFlex";
        src: url('../res/fonts/RobotoFlex.ttf');
}

@font-face {
    font-family: "SourceSansPro";
    src: url('../res/fonts/SourceSansPro.ttf');
}

@font-face {
    font-family: "Pavonine";
    src: url('../res/fonts/Pavonine.ttf');
}

@font-face {
    font-family: "VT323Regular";
    src: url('../res/fonts/VT323-Regular.ttf');
}

@font-face {
    font-family: "OakSans";
    src: url('../res/fonts/OakSans.ttf');
}

@font-face {
    font-family: "DMSans";
    src: url('../res/fonts/DMSans.ttf');
}

input[type="text"]
{
    font-size:24px;
}

.container {
    justify-content: center;
    align-items: center;
    width: 50vh; 
}
  
.centered-text {
    text-align: center;
    top: 80%;
    position: relative;
}