.poetsen-one-regular {
  font-family: "Poetsen One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

html {
    height: 100vh;
    overflow: hidden;
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.exo-2 {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


body {
    background-color: green;
    padding: 0;
    margin: 0;
      height: 100vh;
  overflow: hidden;
}

.h1Flex{
    display: flex;
    height: 10vh;
    justify-content: center;
    background-color: #FF9B45;
    align-self: center
}

.h1Flex > h1 {
    color: #F4E7E1;
    font-size: 4vh;
    text-shadow:
                -2px -2px 0 #000,
                2px -2px 0 #000,
                -2px 2px 0 #000,
                2px 2px 0 #000,
                -3px 0px 0 #000,
                3px 0px 0 #000,
                0px -3px 0 #000,
                0px 3px 0 #000;
        
}

.line {
    height: 1vh;
    background-color: #D5451B;
}

#layer1 {
    position: absolute;
    display: block;
    height: 78vh;
    background-color: #521C0D;
    width: 100vw;
    z-index: 0;
}
#layer2 {
    position: absolute;
    height: 78vh;
    width: 100vw;
    z-index: 1;
}



.footer {
    position: relative;
    display: flex;
    justify-content: center;
    height: 10vh;
    background-color: #FF9B45 ;
}


.footer > h1 {
   color: #F4E7E1;
    font-size: 3.5vh;
    text-shadow:
                -2px -2px 0 #000,
                2px -2px 0 #000,
                -2px 2px 0 #000,
                2px 2px 0 #000,
                -3px 0px 0 #000,
                3px 0px 0 #000,
                0px -3px 0 #000,
                0px 3px 0 #000;
         
}