*{
    margin:0;
    padding:0;
}
body {
    box-sizing:border-box;
    padding-top:0.5%;
    background-image: url("Images/neoBackground.jpg");
}
header {

    height:20%;
    background-image: url("Images/websiteBanner.jpg");
    
   
}

nav {
    height:10%;
    background-color:#527fc7;
    
    box-sizing:border-box;
    padding-top:0.3%;
    display:grid;
    padding-left:2%;
	
}

main {
   
    
    background-color:#2f5592;  
    padding-bottom:0.5%;
}
footer {
    height:10%;
    background-color:#8dabda;
}

header, nav, main, footer {
    margin:auto;
    width:90%;
    border-radius:1.5vw;
    margin-bottom:0.5%;
    border: 2px solid black;
    box-sizing:border-box;
}


li {
    list-style-type:none;
    
}

a {
    text-decoration:none;
    color:black;
}

.navLinks {
    color:black;
    font-family: Comic Sans MS, Comic Sans, cursive;
    font-size:2vw;
    float:left;
    margin-right:2%;
}

p {
  font-family: Comic Sans MS, Comic Sans, cursive;
  font-size:1.5vw;
  text-align:center;
}

#mcrTitle {
    font-family: Comic Sans MS, Comic Sans, cursive;
    font-size:2vw;
    text-align:center;
}

.navLinks:hover {
    color:blue;
    
}


#shrinesTitle {
    text-align:center;
    display:block
}

#shrinesIntro {
  padding:1%;
  background-color:#8dabda;
  margin:1%;
  margin-left:2.2%;
  margin-right:2.2%;
  border-radius:1vw;
  border:2px solid black;
  box-sizing:border-box;
}

#shrineMain {
    background-color:#8dabda;
    width:96%;
    margin:auto;
    border-radius:1vw;
    border:2px solid black;
    box-sizing:border-box;
    display:grid;
	  grid-template-columns: auto auto auto;
    gap:1%;
    height:10%;
    text-align:center;
    padding-left:1%;
    padding-right:1%;
    padding-top:0.5%;
    padding-bottom:0.5%;
    margin-bottom:0.5%;

}

.shrinesHeadings {
    background-color:#527fc7;
    border-radius:1vw;
    border:2px solid black;
   
}

.shrinesSection {
    width:96%;
    border-radius:1vw;
    border: 2px solid black;
    box-sizing:border-box;
    margin:auto;
    background-color:#8dabda;
    padding:1%;
}



.shrinesSection {
    
    grid-template-columns: auto auto auto auto auto;
    gap:5px;
    display:none;
    
}

.shrinesSection h1 {
    font-size:1.3vw;
    text-align:center;
    display:block;
    width:90%;
    
}

.shrinesImg {
    height:300px;
    width:200px;
}

#homeSec1 {
    background-color:#8dabda;
    border-radius:1.5vw;
    border:2px solid black;
    margin:0.5%;
    margin-bottom:0;
    padding:1%;
    width:30%;
}