style.css

*{
  /*background-image:url(./back2.jpg);*/
  background-color: #DEF5FE;
  font-size: 20px;
  /*oceanblue-ish: 6FBEDF; */
}
/*https://www.pexels.com/photo/close-up-photo-of-blue-body-of-water-1435752/*/
.menubar{
  background-color: #748FBF;
  
  width: 100%;
  /*overflow: auto;*/
}

.menubar button{
	float: left;
	padding: 12px;
	text-decoration: none;
	width: 25%;
	text-align: center;
	font-size: 20px;

}
.buttons {
  box-shadow: 0px 0px 0px 2px #9fb4f2;
  background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
  background-color:#7892c2;
  border-radius:10px;
  border:1px solid #4e6096;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:19px;
  padding:12px 37px;
  text-decoration:none;
  text-shadow:0px 1px 0px #283966;
}
.buttons:hover {
  background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
  background-color:#476e9e;
}
.buttons:active {
  position:relative;
  top:1px;
}