style.css

#welcome-section{
  height: 100vh;
  width: 100%;
  background-color: yellow;
  text-align: center;
  font-family: 'Caveat', cursive;
  margin: auto;
  font-size: 50px;
}
#projects{
  background-color:red;
  height: 100vh;
}
h2{
  font-size: 40px;
  font-family: 'Caveat', cursive;
  text-align:center;
}
#project-write{
  padding-top: 10%;
  text-decoration: underline;
}
.first{
  height: 50vh;
}
.row{
  display:flex;
}
.project-tile{
  flex: 33.33%;
  padding: 5px;
}
#navbar{
  display:flex;
  position:fixed;
  top:0;
  width: 100%;
  background-image: linear-gradient(90deg, white, grey);
}
.nav{
  flex: 33.33%;
  padding: 5px;
  text-align:center;
}
a{
  text-decoration:none;
  color:black;
  font-family: monospace;
  font-size: 30px;
}
#profile{
  height:100vh;
  background-color: blue;
}
#github{
  align:center;
  border: solid;
  width: 10%;
  height:10%;
}
@media screen and (min-width: 480px){
  body{
    h1: 40px;
  }
}