* {
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  background: steelblue;
  font-family: "Roboto Flex", "sans-serif";
}

canvas {
  display: block;
}

.wrapper {
  width: 80%;
  max-width: 760px;
  margin: 0 auto;
}

.flex-container-top {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: normal;
  align-items: normal;
  align-content: normal;
}
.flex-items-top:nth-child(1) {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background: #e5decf;
  padding: 20px;
}

.flex-items-top:nth-child(2) {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background: #eee7d7;
  padding: 20px;
}


.flex-container-middle {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
  align-content: normal;
  background: linen;
}

.flex-items-middle:nth-child(1) {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: normal;
  align-items: center;
  align-content: normal;
  flex-grow: 0;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
  background:linen;
  padding-top: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
  box-shadow: 10px 10px 18px 2px #a1a1a1;
}



#p5-two {
  position: relative; /* This is crucial for relative positioning */
  display: flex;
  justify-content: center;
}

#white-text {
  color: white;
}

/* Styling unvisited links */
a:link {
  color: lightgrey; /* Example: Blue */
}

/* Styling visited links */
a:visited {
  color: azure; /* Example: Purple */
}

/* Styling links on hover */
a:hover {
  color: white; /* Example: Darker blue */
}

.doto-title {
  font-family: "Doto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "ROND" 0;
  text-align: center;
}


.roboto-flex-infotext {
  font-family: "Roboto Flex", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}