html {
    height: 100%;
}

.box {
  width: 90%;
  max-width: 800px;
  height: auto;
  overflow: visible;
  overflow-wrap: break-word;
  padding: 1rem;
}

.center {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  min-height: 100vh;
}

.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;
  color:dimgrey;
  mix-blend-mode: multiply;
}

body {
  background: #ffffff;
    background: radial-gradient(circle, rgb(207, 245, 255) 0%, rgba(255, 255, 255, 1) 100%);
    background-attachment: fixed;
  color: dimgrey;
  font-family: Courier New, monospace	;  
}

::selection {
  background-color: #edd8f8;
  color: #000000;
}