@font-face {
    font-family: 'Doto'; /* You can name it whatever you like */
    src: url('fonts/Doto-VariableFont_ROND,wght.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
  }

h1 {
    text-align: center;
    font-family: 'Doto', sans-serif;
    color: #8ABFBF;
    background-color: #254040;
}