/*#25274D #464866 #AAABB8 #2E9CCA #29648A*/



body {
    background-image: url(shutterstock_1369394858_2.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

h1, h2, h3 {
    color:white;
}

section {
    padding: 0 7%;
    margin: 0;
    height: 100vh;
    overflow: hidden;
}

p {
    font-family: myFont;
    color: white;
}

a {
    font-family: myFont;
    color: #29648A;
}

h1 {
    font-family: lightFont;
    font-size: 350%;
    transition-duration: 0.4s;
    font-weight: normal;
}

#info {
    text-align: center;
    font-size: larger;
    padding-top: 20%;
}

#intro {
    background-size: cover;
}

#float-child {
    width: 45%;
    float: left;
    padding: 20px;
    padding-top: 0px;
  }  

h2 {
    font-family: lightFont;
    font-weight: normal;
}

h3 {
    font-family: myFont;
    font-weight: normal;
}

li {
    color: #25274D;
    font-family: myFont;
}

#languages {
    width:28%;
    float:left;
}

#data_science {
    width:28%;
    float:left;
    position: relative;
}

#development {
    width:33%;
    float:left;
    position: relative;
}

.skills {
    background-color:white;
    color: #25274D;
    border-radius: 12px;
    opacity: 70%;
    border: 5px double #25274D;
    overflow: hidden;
}

.column {
    float: left;
    width: 26vw;
    margin: 1%;
  }

  .row {
      background-color: white;
      height: 26vw;
      margin-top: 5%;
      border-radius: 50%;
      text-align: center;
      text-overflow: inherit;
      opacity: 70%;
      border: 5px double #25274D;

  }
  

  #projects {
      margin: 0%;
      height:auto;
      padding-bottom: 3%;
  }

  #skills {
      height:auto;
      padding-bottom: 3%;
  }

  button {
    background-color: #25274D;
    color: white;
    padding: 5px 10px;
    margin: 0px;
    text-align: center;
    border-radius: 8px;
    transition-duration: 0.4s;
    font-family: myFont;
  }
  
  button:hover {
    padding: 7px 14px;
  }

  body, html {
    height: 100%;
    margin:0;
  }
  
  .parallax {
    /* The image used */
    background-color: #25274D;
  
    /* Full height */
    height: 100%; 
    margin:0;
  
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .content {
      width: 80%;
      align-self: center;
      color: #29648A;
      text-align: center;
      padding-top: 18%;
      padding-left: 10%;
  }

  h3 {
    color: #25274D;
      font-size: 150%;
  }

  #experience, #education {
      height:auto;
      background-color: #25274D;
      opacity: 75%;
      padding-bottom: 3%;
  }

  #connect {
      height:auto;
      background-color: #25274D;
      opacity: 75%;
      color: white;
      text-align: center;
  }

  @font-face {
      font-family: myFont;
      src:url('Barlow-Medium.ttf');
  }

  @font-face {
      font-family:lightFont;
      src:url('Barlow-Light.ttf');
  }

  @font-face {
      font-family:operator;
      src:url('OperatorMono-Medium.otf');
  }

#skills, #experience, #projects {
      padding-top: 10%;
      padding-bottom: 10%;
  }

  #education {
      padding-top: 8%;
      padding-bottom: 8%;
  }

  .underline {
      background-color: white;
      opacity: 75%;
      height: 2px;
      width: 75%;
      margin-bottom: 5%;
      margin-top: 0%;
  }