body {
  background-color: #141D2B;
font-family: 'Open Sans', Sans-Serif;
}

@media only screen and (min-width: 601px) {
  section.welcome-section {
    font-size: 20px;
  }
}

/* If the screen size is 600px or less, set the font-size of <div> to 30px */
@media only screen and (max-width: 600px) {
  section.welcome-section {
    font-size: 30px;
  }
} 

#welcome-section{

  display: grid;
  justify-content: center;
  text-align: center;

}

#about-section {
 max-width: 60ch;
}

#projects{

  display: grid;
  justify-content: center;

}
 
#profile-header {
  display: flex;
  justify-content: center;
}

#profile-links {
  display: flex;
  justify-content: space-evenly;
}

#navbar
{
   position: fixed;
   top: 0;
}

h1 {
    position: relative;
    color: #5CECC6;
    max-width: 60ch;
}


h3 {

    color: #FF8484;
    max-width: 60ch;
}

h4 {
    
    Color: #CF8DFB;
    max-width: 60ch;
}

p {
    Color: #a4b1cd;
    max-width: 60ch;
}


a{
    font-family: 'Open Sans', sans-serif;

}


  a:link, a:visited {
    background-color: #141D2B;
    color: #5CECC6;
    padding: 14px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
  }