/* Universal */
* {
    align-items: center;
    /* background-color: #e6fff2; */
    /* background-image: url(****); */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */

}
h2{
    color: #00ffaa;
}

body {
    font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    background-color: white;
}
.classcenter{
    /* margin: auto;  */
    width: 100%;
    /* padding: 10px; */
    /* text-align: center; */
    /* padding: 70px 0; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.classcenter h3{
background-color: red;
}
.classcenter h3:hover{
  background-color: blue;
  }
.profilePic {
    /*border-radius: 50%;*/
    display: block;
    margin-left: auto;
    margin-right: auto;
    /*width: 40%;*/
    border: 15px solid #00ffaa;
}

#first-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.classcenter div:nth-child(2){
  margin-left: -400px;
}

#squiggle-1 {
  width: 800px;
  height: auto;
  /* transform: rotateZ(0deg); */
  padding-left: 500px;
  padding-right: 500px;
}
#squiggle-2 {
  width: 800px;
  height: auto;
  margin-right: 100px;
  /* transform: rotateZ(0deg); */
  padding-left: 500px;
  padding-right: 500px;
}
#squiggle-3 {
  width: 800px;
  height: auto;
  /* transform: rotateZ(0deg); */
  padding-left: 200px;
  padding-right: 200px;
}

    /******* Image properties ******/
    .button {
        font-family: "Montserrat", "Quicksand", sans-serif;
        letter-spacing: 0.3em;
        text-transform: uppercase;
      }
      .button,
      .social a {
        transform-origin: center;
        transition-duration: 100ms;
      }
      
    .button {
        background-color: #fff;
        border-radius: 290486px;
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
        color: #00ffaa;
        display: inline-block;
        font-size: 0.8rem;
        line-height: 1;
        padding: 1.2em 2em;
        text-shadow: none;
        transition-property: box-shadow, transform;
        user-select: none;
        vertical-align: top;
        white-space: nowrap;
        will-change: box-shadow, transform;
      }
      .button:hover {
        box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.2);
        transform: scale(1.02) translateY(-4px);
      }
      
      .button:active {
          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
          transform: scale(0.98) translateY(-2px);
        }
        .social {
          display: flex;
          margin-top: 1.5rem;
        }
        .social li {
          height: 2rem;
          margin-right: 0.5rem;
          text-align: center;
          width: 2rem;
        }
        .social a {
          align-items: center;
          display: flex;
          font-size: 1.5rem;
          height: 2rem;
          justify-content: center;
          opacity: 0.5;
          transition-property: opacity, transform;
          width: 2rem;
      
        }
        .social a:hover {
          opacity: 1;
          transform: scale(1.25);
        }
        .social a:active {
          opacity: 1;
          transform: scale(1.1);
        }

        /* MODAL */
 .modal {
    color: #ffffff;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    display: inline-block;
    background-color: #e6fff2;
}