html {
    height: 100%;
}

.center{
display:flex; 
justify-content:center;
align-items:center;
height:100vh;
}

.box{
 width: 100vh;
  height: 50vh;
  overflow-wrap: break-word;
    }

.dotted {
 border-top: 2px dotted;
 border-bottom: none;
 width: 50%;
}

.center-text{
        text-align: center;
    }

@font-face { font-family: "Snell"; src: url("/Fonts/snellroundhand_bold.otf") format("opentype");
}

h1 {
  font-family: "Snell";
  font-weight: normal;
}

body {
  background: #e2f875;
    background: radial-gradient(circle, rgba(226, 248, 117, 1) 0%, rgba(255, 255, 255, 1) 100%);
  color: dimgrey;
  font-family: Courier New, monospace	;  
}

::selection {
  background-color: #FFD9E9; /* Sets the background color of the highlight */
  color: #000000; /* Sets the color of the selected text */
}