:root {
  --body-background-color: rgb(253,251,240);
  --background-color: white;
  --accent-color: rgb(179, 108, 78);
  --grey-text-color: rgb(146, 146, 137);
  --dark-text-color: black;
}


html {
  height: 100%;
  margin: auto;
  padding: 0;
  background-color: rgb(195, 151, 61)
;
}

body {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.modak-regular {
  font-family: "Modak", system-ui;
  font-size: 120px;
  font-weight: 400;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

h1 {
    text-align: center;
    margin: 0;
    padding-top: 0.3em;
    
}

h2 {
    text-align: center;
}

h2 a {
    color: black;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
}

p {
    text-align: center;
}

#coming_soon {
    padding-top: 80px;
}


@media only screen and (max-width: 700px){

    body {
        width: 80%;
    }
    
    .modak-regular {
        font-size: 60px;
    }

    img {
        width: 60%;
    }
  
}