html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

@font-face {
    font-family: 'DM';
    src: url('fonts/DMSerifDisplay-Regular.ttf')  format('truetype');
  }

@font-face {
    font-family: 'Afacad';
    src: url('fonts/Afacad-VariableFont_wght.ttf')  format('truetype');
}

body {
    background-color: #6B9572;
    font-family: 'Afacad';
    width: 100%;
    height: 100%;
    margin: 0;
  }

.background {
    background-blend-mode: multiply;
    background-image: url(img0.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

h1 {
    color: white;
    font-family: 'DM';
    font-size: 96px;
    font-weight: 200;
    text-align: center;
    display: block;
    width: 100%;
    margin: auto 0;
    padding: 128px;
    box-sizing: border-box;
}

h2 {
    color: white;
    font-size: 8rem;
    font-weight: 200;
    text-align: center;
    display: flex;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 128px;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
}