html,
body, h1, h2, h3 {
  margin: 0;
  padding: 0;
  color: #35294b;
}

a:link {
  color: #3a467a
}

a:visited {
  color: #392c4d
}

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

.fullscreen {
  min-width: 100vw;
  min-height: 100vh;
}

.bg-gradient-old {
  background: #216396;
  background: linear-gradient(343deg, rgba(33, 99, 150, 1) 0%, rgba(116, 67, 161, 1) 50%, rgba(240, 104, 46, 1) 100%);
  background-size: cover;
}

.bg-gradient {
  background-image:radial-gradient(100% 100% at 0% 100%, #4b35ac 0%, rgba(136, 57, 164, 0.75) 25%, rgba(179, 62, 165, 0.5) 50%, rgba(238, 104, 135, 0) 100%), linear-gradient(139deg, #f7baa6 11%, #f5b1ae 17%, #f3a8b6 23%, #f19fbf 29%, #ee95ca 35%, #e084e7 47%, #cf7ee7 54.83%, #bc79e8 62.67%, #a675e8 70.5%, #8a73ea 78.33%, #3074d5 94%)
}

.roboto-base {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

.flex-col {
  display: flex;
  flex-direction: column;
  width: 80vw;
  max-width: 1024px;
  margin: 1em auto auto auto;
}

.flex-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.flex-sub-col {
  display: flex;
  flex-direction: column;
  max-width: 1024px;
  margin: auto;
}

.main-content {
  flex-grow: 1;
  background-color: #f9c5a1;
  border: 10px solid transparent;
  border-image: url("/img/border.png");
  border-image-slice: 100;
  border-image-width: auto;
  border-image-outset: 20px;
  padding: 1em;
}

.main-content img {
  align-self: center;
}

.sub-content {
  border-style: solid;
  background-color: #f6e1cb;
  border-color: #392c4d;
  border-radius: 2em;
  padding: 1em;
}

.header-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 1rem;
}

.footer-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ba5a3f;
  background: linear-gradient(346deg, rgba(186, 90, 63, 1) 0%, rgba(255, 219, 143, 1) 100%);
  width: 100%;
  margin-top: 3rem;
}

.footer-spacing {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.logo {
  margin-bottom: -80px;
  padding: 0px;
}

.size-img img {
  object-fit: contain;
  padding: 1em 0 1em;
  min-width: 100%;
}

.wrap {
  flex-wrap: wrap;
  justify-content: center;
}