@import url('//fonts.googleapis.com/css2?family=Scheherazade&display=swap');
html,
body {
  padding: 0;
  margin: 0;
  display: grid;
  place-items: center;
  background: #FFF;
  color: #000000;
  font-family: 'Scheherazade', serif;
}

main {
  max-width: 920px;
  margin: 0 auto;
}

#logo img {
  display: block;
  margin: 0 auto;
  width: 100%;
}

a {
  color: #000000;
}

a:hover {
  color: #818181;
}

h1 {
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  font-family: 'Scheherazade', serif;
}


.mail-list {
  padding: 0 10vmin;
}

#footer {
  font-size: 6vmin;
  transition: all 2s;
}

.copyright {
  font-family: 'Scheherazade', serif;
  font-size: 20px;
  text-align: center;
}

h1,
h2,
h3 {
  margin-bottom: 0;
}

h1:before,
h1:after,
h2:before,
h2:after,
h3:before,
h3:after {
  content: ' + ';
}

h2,
h3 {
  font-family: 'Scheherazade', serif;
  text-align: center;
  margin-bottom: 0;
}

h2 {
  font-size: clamp(20px, 2.5vw, 24px);
}

h3 {
  font-size: 22px;
}

.mainpage_text img {
  display: block;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0px 0px 5px #000;
}

.social {
  padding: 0;
  display: flex;
  width: 100%;
  justify-content: space-around;
  font-size: clamp(40px, 5vw, 60px);
}

.social li {
  list-style: none;
}

.social li a {
  transition: all 0.7s;
  color: rgba(0, 0, 0, 0.6);
}

.social li a:hover {
  color: #a8a8a8;
}

#mc_embed_signup {
  clear: left;
  width: 100%;
  padding: 0 2rem;
  box-sizing: border-box;
}
#mc-embedded-subscribe {
  width: 350px;
  background-color: #000000 !important;
}