@import url('https://fonts.googleapis.com/css2?family=Tilt+Warp&display=swap');
body {
    margin: 0;
    background-color: #638C6D;
    font-family: "Tilt Warp", sans-serif;
    margin-top: 10px;
    margin-bottom: 10px;
}

.wtf {
}
.wtf .image {
    background-color: #E7FBB4;
    padding: 10px;
    border-radius: 15px;
}
.wtf .image h3 {
    margin: 0;
    text-align: center;
    padding: 20px 0px;
    font-size: 1.7em;
    color: #DF6D2D;
}
.wtf .image img {
    border-radius: 10px;
    margin-bottom: -4px;
} 

.disclamer {
    background-color: #C84C05;
    border-radius: 15px;
    padding: 5px 10px;
    text-align: center;
    margin-top: 15px;
}
.disclamer p {
    color: #E7FBB4;
    margin: 0;
}


/* Main Section Styles */
main {
    padding-left: 25vw;
    padding-right: 25vw;
  }
  
  @media screen and (max-width: 1350px) {
    main {
      padding-left: 10vw;
      padding-right: 10vw;
    }
  }
  
  @media screen and (max-width: 850px) {
    main {
      padding-left: 4vw;
      padding-right: 4vw;
    }
  }