main.css

html,body{
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  background-color: grey;
  color: white;
  text-align: center;
  font-family: Roboto, open-sans;
}

#mainWelcome{
  margin-bottom: 0px;
}

nav{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  background-color: #1b5e20;
}

nav li{
  display: inline-block;
  width: 20%;
  padding: 1%;
  font-size: 20px;
  color: white;
}

nav a{
  text-decoration: none;
}

nav li:hover{
  color: black;
}

#welcome-section{
  min-height: 55vh;
  padding-top: 45vh;
  background-color: #1b5e20; /*#7cff92;*/
  width: 100%;
}

.majorSection{
  min-height: 100vh;
  padding-top: 75px;
  padding-bottom: 75px;
  margin-top: -15px;
  width: 100%;
}

#about{
  background-color: #4c8c4a;
  width: 100%;
}

#aboutTileContainer{
  display: grid;
  grid: 1fr/repeat(auto-fit, minmax(1vw, 1fr));
  grid-gap: 40px;
  margin: 0px 15px 0px 15px;
  height: 20vw;
}

.about-tile{
  background-color: #40c4ff;
  color: black;
  border-radius: 5%;
}

#projects{
  background-color: #003300;
}

#projects a{
  text-decoration: none;
}

.project-tile{
  background-color: #0094cc;
  height: 500px;
  width: 500px;
  padding: 10px;
  margin: 20px auto 20px auto;
  border-radius: 5%;
}

.project-tile h2{
  text-decoration: none;
  color: black;
}

#contact{
  background-color: #1b5e20;
}

.contactTile{
  background-color: #40c4ff;
  height: 500px;
  width: 500px;
  line-height: 500px;
  margin: 20px auto 20px auto;
  border-radius: 50%;
}