@font-face {
  src: url(fonts/Aldrich-Regular.ttf);
  font-family: Aldrich;
}

@font-face {
  src: url(fonts/Doto-VariableFont_ROND\,wght.ttf);
  font-family: Doto;
}

h1 {
  border: 3px solid slateblue;
  border-radius: 12px;
  text-shadow: 2px 2px 2px red;
  margin: 10px;
}

p {
  font-family: "Aldrich", "Comic Sans MS", "Times New Roman";
  font-size: 25px;
  font-weight: bold;
  font-style: italic;
  border: 2px solid yellow;
  color: fuchsia;
  border-bottom: 2px dotted wheat;
  border-radius: 5px;
  margin: 10px;

}


body {
  margin: 0px;
}

.box {
  border: 5px solid;
  font-size: 5em;
  width: 250px;
  height: 250px;
  margin: auto;

}

#box1 {
  background-color: hsl(0, 100%, 60%);
  margin-bottom: 50px;
  margin-top: 50px;

}

#box2 {
  background-color: lightblue;
}