body {
height: 100%;
margin: 0;
padding: 0;
background-color: #2b2b2b;
background-image: url("../images/Snowfall.gif");
background-repeat: repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;
}


h1 {
text-align: center;
font-size: 55px;
font-family: "Rubik Distressed", system-ui;
font-style: normal;
font-weight: 400;
border: 3px solid #b7dce6;
width: auto;
margin: 0 auto;
color: #e0f7ff;
text-shadow: 2px 2px 6px #66ccff, 0 0 12px #ffffff;
box-shadow: 2px 2px 6px #66ccff, 0 0 12px #ffffff;;
padding: 8px 8px

}

header {
background-color: #4d4646;
padding: 10px;
margin-top: 2%;

}

.headerStrip {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

.cornerIMG {
width: 150px;
height: auto;        
pointer-events: none; 

}

.topleftIMG {
justify-self: end;
margin-right: -30px;
z-index: 1;
}

.toprightIMG {
justify-self: start;
transform: scaleX(-1);
margin-left: -30px;
z-index: 1;
}

.navbar {
display: flex;
justify-content: center;  
flex-wrap: wrap;                            
z-index: 2;  
margin-top: 0;     
position: relative;        
}

.navbar a {
text-decoration: none;     
color: #000;               
background: #beb3b3;          
padding: 8px 16px;         
border: 2px solid #333;    
border-radius: 6px;        
font-weight: bold;
transition: background-color 0.2s ease, transform 0.2s ease;
}

.navbar a:hover {
background-color: #e9e9e9; 
transform: translateY(-2px);
}

.navbar a:active {
background-color: #bbb;    
transform: translateY(0);
} 

html {
  scrollbar-gutter: stable;
}