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

.box{
 width: 400px;
  height: 50vh;
  overflow-wrap: break-word;
    }
    
.center-text{
        text-align: center;
    }
 
.dotted {
 border-top: 2px dotted;
 border-bottom: none;
 width: 100%;
}

.note-two {
  background-color:#ffbcd9;
  width:200px;
  height:200px;
  margin-top:55vh;
  margin-left:120vh;
  position:absolute;
  transform:rotate(2deg);
  
}
.note-two::before {
   content: "";
	 position: absolute;
	 bottom: -1.8em;
	 right: 0;
	 border-width: 2em 2em 0 0;
	 border-style: solid;
	 border-color: #d8a2ab transparent;
  
}
.note-two::after {
	 content: "";
	 position: absolute;
	 bottom: -1.8em;
	 left: 0;
	 right: 1.9em;
	 border-width: 1em;
	 border-style: solid;
	 border-color: #ffbcd9;
}

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

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

body {
  background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 0% 99%, hsla(340,100%,81%,0.5) 0px, transparent 50%),
radial-gradient(at 100% 0%, hsla(340,100%,81%,0.5) 0px, transparent 50%),
radial-gradient(at 100% 100%, hsla(340,100%,81%,0.5) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(340,100%,81%,0.5) 0px, transparent 50%);
 background-attachment: fixed;
  color: dimgray;
  font-family: Courier New, monospace	;
}

li {
  list-style-type: "✳ ";
}

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

}