*{
	margin:0;
	padding:0;
}

html{
	font-size: clamp(1rem, 2vw, 2rem);
}
h1{
	font-size: clamp(2rem, 4vw, 4rem);
}
h2{
	font-size: clamp(1.8rem, 3.6vw, 3.6rem);
}
h3{
	font-size: clamp(1.6rem, 3.2vw, 3.2rem);
}
h4{
	font-size: clamp(1.4rem, 2.8vw, 2.8rem);
}
h5{
	font-size: clamp(1.2rem, 2.4vw, 2.4rem);
}
a{
	font-size: clamp(1rem, 2vw, 2rem);
}
p{
	font-size: clamp(1rem, 2vw, 2rem);
}
  .mainmenu ul {
	  display:flex;
    position: absolute;
    top:0px;
    right:0px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    z-index: 1;	

  }
  
  .mainmenu ul li {
  align-content: center;      /* Centers content vertically */
  text-align: center;       /* Centers text within the container */
    //background-color :#33b5e5;
	  background-color: hsla(224,100%,30%,.5);
	  
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	  height: 5vh;
	  width: 10vw;
	  font-size: 2em;
	margin: 0 2px;
  }
.mainmenu ul li a{
	flex-grow: 1;
	    color: #ffffff;
	text-decoration: none;

}
  .mainmenu ul li:hover {
    background-color: #0099cc;
  }
  .mainmenu {
    width: 100%;
    float: right;
  }