body {
    margin: 0;
    box-sizing: border-box; 
    text-align: center;
    overflow: hidden;
    align-items: center;
    max-width: 100vw;
    image-rendering: pixelated;
    background-color:  #da1c44;
}

canvas {
    width: 1200px;
    height: 560px;
    background-color: white;
    background-image: url(img/draftbg.png);
}

@font-face {                  
font-family: 'AnalogueOS';
src: url(https://humantooth.neocities.org/fonts/AnalogueOS-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Gothamono';
src: url(https://humantooth.neocities.org/fonts/Gothamonov0.2-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'jgs7';
src: url(https://humantooth.neocities.org/fonts/jgs7.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

.bodycontainer {
width: 100vw; 
height: 100vh;

display: flex;
justify-content: center;
align-items: center;
z-index: 0;
position: absolute;
top: 0;
left: 0;
}

.text1 {
border: 3px solid black;
background-color: white;
width: 220px;
height: 40px;
position: absolute; 
top: 42px;
left: 700px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px 14px;

}

.text2 {
border: 3px solid black;
background-color: white;
width: 150px;
height: 20px;
position: absolute; 
top: 100px;
left: 870px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}

.text3 {
border: 3px solid black;
background-color: white;
width: 260px;
height: 40px;
position: absolute; 
top: 80px;
left: 870px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}

.text4 {
border: 3px solid black;
background-color: white;
width: 260px;
height: 90px;
position: absolute; 
top: 140px;
left: 180px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}

.text5 {
border: 3px solid black;
background-color: white;
width: 120px;
height: 100px;
position: absolute; 
top: 290px;
left: 490px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}

.text5point5 {
border: 3px solid black;
background-color: white;
width: 120px;
height: 100px;
position: absolute; 
top: 290px;
left: 490px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}

.text6 {
border: 3px solid black;
background-color: white;
width: 260px;
height: 56px;
position: absolute; 
top: 350px;
left: 820px;
visibility: hidden;
font-family: 'jgs7';
font-size: 16px;
padding: 10px;
}