#logo{
    width: 100vw;
}

#homeicon{
    width: 5vw;
    background-color: aqua;
}

.link {
  background-color: green;
  border-style: solid;
  border-width: 1px;
  border-radius: 4px;
  padding: 0.5%;
  
}
#bar{
  background-color: red;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 7.5%;
  justify-content: space-around;
  align-items: center;
}


#grids {
  border: dotted;
  background: red;
  display: grid;
  /* grid-template-columns: 4vw 20vw 4vw 4vw 4vw 12vw 4vw 12vw 4vw 4vw 4vw 20vw 4vw;
  grid-template-rows: 4vw 28vw 10vw 4vw 20vw 10vw 4vw; */
  margin-left: auto;
  margin-right: auto;
}

#arcivestext {
  grid-column: 2/5;
  grid-row: 3/4;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}
#communicatetext {
  grid-column: 6/9;
  grid-row: 3/4;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}
#photostext {
  grid-column: 10/13;
  grid-row: 3/4;
  align-self: center;
  /*justify-self: center;*/
  font-size: 5vw;
}
#minecrafttext {
  grid-column: 2/3;
  grid-row: 6/7;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}
#dndtext {
  grid-column: 4/7;
  grid-row: 6/7;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}
#ftctext {
  grid-column: 8/11;
  grid-row: 6/7;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}
#sailingtext {
  grid-column: 12/13;
  grid-row: 6/7;
  align-self: center;
    /* justify-self: center;*/
  font-size: 5vw;
}




#minecraftimg {
  grid-column: 2/3;
  grid-row: 5/6;
}
#dndimg {
  grid-column: 4/7;
  grid-row: 5/6;
}
#ftcimg {
  grid-column: 8/11;
  grid-row: 5/6;
}
#sailingimg {
  grid-column: 12/13;
  grid-row: 5/6;
}
#arcivesimg {
  grid-column: 2/5;
  grid-row: 2/3;
}
#communcateimg {
  grid-column: 6/9;
  grid-row: 2/3;
}
#photosimg {
  grid-column: 10/13;
  grid-row: 2/3;
}



#minecraftimgt {
  width: 20vw;
  height: 20vw;
}
#dndimgt {
  width: 20vw;
  height: 20vw;
}
#ftcimgt {
  width: 20vw;
  height: 20vw;
}
#sailingimgt {
  width: 20vw;
  height: 20vw;
}
#arcivesimgt {
  width: 28vw;
  height: 28vw;
}
#communcateimgt {
  width: 28vw;
  height: 28vw;
}
#photosimgt {
  width: 28vw;
  height: 28vw;
}



p{
    color: pink;
}
h1{
    color: yellow;
}