@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Playwrite+GB+S:ital,wght@0,100..400;1,100..400&display=swap");

* {
  /* W.S. Colors Palette #271  */
  --pomegranite-purple: #B71F57;
  --cobalt-green: #96D1AA;
  --green-blue: #099197;
  --deep-slate-green: #112F2C;

  --bg: var(--deep-slate-green);
  --text: var(--cobalt-green);
}

:root {
  background-color: var(--bg);
  color: var(--text);
}

.font-bold {
  font-family: "Archivo Black", sans-serif;
  font-weight: 400;
  font-style: normal;
}

*, .font-serif {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

.font-hand {
  font-family: "Playwrite GB S", cursive;
  font-optical-sizing: auto;
  font-style: normal;
}

.text-right {
  /*text-align: right;*/
}

img {
  max-width: 100%;
  height: auto;
}

.head {
  display: flex;
  justify-content: center;
}

.content {
  margin: 40px 200px 0;
}

.content .row {
  display: flex;
  gap: 50px;
}

.content .row > * {
  width: 100%;
}

@media (max-width: 600px) {
  .content {
    margin: 0;
  }

  .content .row {
    display: block;
  }

  .content .row img {
    float: right;
  }
}