@font-face {
    font-family: "VCR Mono"; 
    src: url("fonts/mono/VCR_OSD_MONO_1.001 2.ttf") format("truetype");
    /* or: */
    src: url("fonts/mono/VCR_OSD_MONO_1.001.ttf") format("opentype");
}

body {
  font-family: "VCR Mono";
  background:;
  font-size: 0.9em;
}

.modal {
  
  position: relative;
            background: white;
            padding: 20px;
            margin:10%;
            height:auto;
            width: auto; /* Restores the wider modal */
            max-width: auto; /* Keeps it from being too wide */
            max-height: 90vh; /* Prevents it from being too tall */
            overflow: auto; /* Enables scrolling if needed */
            text-align: center;
            border: 2px dotted #46484d;
}

.popuptext.show {
  display: inline-block; // show element when you have the class name 'show'
}
.popuptext {
  display: none; // hide by default
}