/* Applies to the entire body of the HTML document (except where overridden by more specific
selectors). */
@font-face {
  font-family: 'Baloo2';
  src: url('/fonts/Baloo2-VariableFont_wght.woff2') format('woff2');
}

@font-face {
  font-family: 'DMSerif';
  src: url('/fonts/DMSerifText-Regular.woff2') format('woff2')
}

body {
  font-family: 'Baloo2', sans-serif;
  margin: 25px;
  background-color: #0a010a;
  font-size: 14px;
}

h1 {
  font-family: 'DMSerif', "Times New Roman";
  font-size: 35px;
  font-weight: normal;
  margin-top: 5px;
  color: #310445;
  
}

p1 {
  color: #f0dff7;
  
}

a {
  font-size: 100px;
  color: #red;
}

/* Applies to all elements with <... class="someclass"> specified. */
.someclass { color: red; }

/* Applies to the element with <... id="someid"> specified. */
#someid { color: green; }