style.css

@import url('https://fonts.googleapis.com/css2?family=Poetsen+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Forum&display=swap');

:root {
    /* font-family: "Poetsen One", sans-serif; */
    --primaryfont: "Poetsen One", sans-serif;
     /* font-family: "Forum", serif; */
    --secondaryfont: "Forum", serif;
  }

body {
    background:/* rgb(70, 91, 99); */
    position: absolute;
    width: 1215px;
    height: 949px;
    background: radial-gradient(50% 81.96% at 50% 50%, #1EB6E7 0%, #3AEAC0 16.67%, #1EB6E7 33.33%, #3AEAC0 50%, #1EB6E7 66.67%, #3AEAC0 83.33%, #1EB6E7 100%);


}

p {
  /* rgba(18, 23, 156, 0.3);*/
    font-family: var(--secondaryfont);
    background-color: rgba(30, 96, 152, 0.3);
    border: solid 5px;
    border-radius: 6px;
    border-color: #C3EEE4;
    padding: 10px;
    width: 600px;
    margin-left: 50%;
    margin-right: 50%;
    position: relative;
    top: 45px; */
}

h1 {
    font-family: var(--primaryfont);
    background-color: rgb(127, 255, 212, 0.6);
    position: fixed;
    width: 100%;
    top: 0%;
    z-index: 101;
    text-indent: 50%;
}

h3 {
    font-family: var(--primaryfont);
    position: relative;
    top: 60px;
    left: 50%;
}

span {
  
  color: #24846D; 
  background: #87D8F2;
  margin-top: 13px;
  margin-left: 6px;
  margin-right: 10px;
  margin-bottom: -2px;
  padding: 4px;
  border: solid 4px;
  border-radius: 6px;
  

  font-size: 2rem;
  float: left;

}