*{margin:0;padding:0;}
a{text-decoration:none;color:#323232;}
body{display:grid;grid-template-rows:7vmin auto 6vmin;grid-gap:0;}
header{display:grid;grid-row-start:1;grid-row-end:2;grid-template-columns:repeat(3,auto);align-self:start;justify-self:center;justify-items:center;grid-gap:0;}
.button{border-radius: 33px; color: #323232; font-weight: bold; font-family: "San Francisco Display Ultralight"; font-size: 3vmin; padding: 1vmin; margin:1vmin;line-height:3vmin}
.button:hover{background-color:#f5f5f5;color: #b7b7b7;}
footer{display:grid; grid-row-start:3;grid-row-end:4;align-self:end;justify-items:center; background-color:#f7f8f2;color:#323232;font-weight:bold;grid-gap:0;font-size:2vmin;white-space:nowrap;line-height:2vmin;padding:1vmin;}
main{display:grid; grid-row-start:2;grid-row-end:3;grid-template-rows:4vmin auto;grid-gap:0;}
h1{display:grid;grid-row-start:1;grid-row-end:2;align-self:start;justify-items:center;font-weight:bold;font-family:"San Francisco Display Ultralight";font-size:4vmin;line-height:4vmin;white-space: nowrap;}
h1{color:#323232;}
.hovergallery{grid-row-start:2;grid-row-end:3;}
.hovergallery img{
-webkit-transform:scale(0.8); 
-moz-transform:scale(0.8); 
-o-transform:scale(0.8);
-webkit-transition-duration: 0.5s; 
-moz-transition-duration: 0.5s;
-o-transition-duration: 0.5s;
margin: 0.2vw;
}

.hovergallery img:hover{
-webkit-transform:scale(1.2);
-moz-transform:scale(1.2);
-o-transform:scale(1.2);
box-shadow:0px 0px 30px gray;
-webkit-box-shadow:0px 0px 30px gray;
-moz-box-shadow:0px 0px 30px gray;
opacity: 1;
}
.hovergallery {text-align:center;}
img:nth-child(-n+18){width:20vw;}
img:nth-child(n+19){width:35vw;}