font-face {
      font-family: "ruigslay";
      src: url('ruigslay.otf') format('OPENTYPE')
      }
      
      @font-face {
      font-family: "Magic Alphabet";
      src: url('Magic Alphabet.otf') format('OPENTYPE')
      }
      
h1 {
  font-family: "ruigslay", Sans-Serif;
}

h2 {
  font-family: "ruigslay", Sans-Serif;
}

h3 {
  font-family: "ruigslay", Sans-Serif;
}

p {
  font-family: "Magic Alphabet", Sans-Serif;
}

li {
  font-family: "Magic Alphabet", Sans-Serif;
}

body {
  background-image: url('starry.png');
  background-size: cover;
}

    .bordered-text {
        border-width: 2px; 
        border-style: dotted; 
        border-color: black;
        padding: 10px; 
    }