* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
 }

body{
    color: white;
    font-family: 'Roboto', sans-serif;
    background-color: rgb(245,246,248);
}

#landingPage{
    height: 100vh;
    background:linear-gradient( rgba(0, 0, 0, 0.212), rgba(0, 0, 0, 0.4) ),url('./assets/galaxy.jpg');
    background-color: black;
    background-position: center;
    background-size: cover;
    padding-top: 25vh;
}

#nameTitle{
    text-align: center;
}

#chelsea{
    font-size: 3rem;
}

#jobtitle{
    font-size: 2rem;
}

.buttons{
    margin-top: 2rem;
    text-align: center;
}

.section-header{
    width: 100%;
    color: teal;
    text-align: center;
    height: 20vh;
    padding-top: 4vh;
}

hr{ 
    width: 80vw;
    margin: 0px auto;
    border: 0; 
    height: 2px; 
    background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
    background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0); 
  }

  .ui.cards,
  .ui.cards~.ui.cards{
      margin-top: 2.5rem;
      justify-content: center;
      
  }

  #projects{
    max-width: 85vw;
    margin: 0 auto 5rem;
}

  #about{
      background-color: rgb(61,70,79);
      padding: 4rem 2rem;
      font-size: 1.2rem;
  }

  .ui.floated.image{
    margin-bottom: 0em;
  }
  #front-back-btns{
      text-align: center;
      margin-top: 3rem;
  }

  .ui.basic.modal>.header {
    border-bottom: 1px solid white;
  }

  .ui.small.modal>.header:not(.ui) {
    font-size: 1.7em;
  }

  .ui.modal>.content{
      font-size: 1.2rem;
  }

  .ui.modal{
      position: fixed;
      top: 20%;
  }

  #contact{
      height: 90vh;
      padding-top: 4vh;
  }

  #contact-form{
      width: 80vw;
      margin: 0.4rem auto;
  }

  .ui.inverted.segment{
      background-color: rgb(61,70,79);
  }

  #back-to-top{
    position: fixed;
    bottom: 0.2rem;
    right: 0.2rem;
    font-size: 2rem;
  }

  #footer{
    height: 10vh;
    background:linear-gradient( rgba(0, 0, 0, 0.212), rgba(0, 0, 0, 0.4) ),url('./assets/galaxy.jpg');
    background-color: black;
    background-position: center;
    background-size: cover;
    padding: 3rem 2rem;
    text-align: center;
  }