:root{ --indigo: #3f51b5;}

#home{
  background-image: url('../images/phoenix-1.jpg');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

a{
  text-decoration: none;
}


#top-name{
  margin-top: 10%;
}

i.fa-envelope:hover, i.fa:hover{
 color: var(--indigo);
}

.w3-wide{
  font-weight: bold;
}

.websites{
  display:flex;
  flex-flow:row nowrap;
}
.websites-col{
  display:flex;
  flex-flow: column nowrap;
  justify-content: space-evenly;
  margin-left: 10%;

}

#pinegrove-description{
  position: absolute;  
  background-color: #003366;
  font-weight: 900;
  padding: 5px;
  border-radius: 50px;
  color: white; 
  margin-bottom: 12%;
  margin-left: 10%;
}
#racket-description{
  position: absolute;
  background-color: #800080;
  font-weight: 900;
  padding: 5px;
  border-radius: 50px;
  color: white; 
  margin-bottom: 8%;
  margin-left: 10%;
}

#barchart-description{
  position: absolute;
  background-color: #800080;
  font-weight: 900;
  padding: 5px;
  border-radius: 50px;
  color: white; 
  margin-left: 15%;
}

#gamehub-description{
  position: absolute;
  background-color: #800080;
  font-weight: 900;
  padding: 5px;
  border-radius: 50px;
  color: white; 
  margin-left: 15%;
}