*{  
	fill: 100;
	margin:0;
	padding:0;
}

body
{
		background-color: #85a3e0;
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: fixed;
  		background-position: top;
  		background-repeat: no-repeat;
  		background-size: cover;
}


ul li{
	border: solid;
	border-color: black;
	border-radius: 20px;;
	border: 1px solid black;
	padding: 10px 30px;
	color: black;
	text-decoration: none;
	transition: 0.2s ease;
  margin: 1cm;
  justify-content: center;
  display: inline-flex;

}

 li{
	list-style-type: none;
	display: inline-flex;
	justify-content: center;
}

.divforlist{
	position: absolute;
	top: 10%;
	left: 13%;
}

a, a:hover, a:active{
	color: black ;
	text-decoration:none;
}

li:hover{
	background-color: #fff;
	opacity: 50%;
	color: #fff;
	border: none;
	border-radius: 0px;
	padding: 40px 60px
	}



h1{
	display: inline-flex;
	margin: 1cm;
	padding: 2cm;
	background-color: #fff;
	text-decoration: none;
	border-top-right-radius: 50px;
	border-bottom-left-radius: 50px;
	max-width: 3cm;
	max-height: 4cm;


}

.cards, a:hover,  a:active {
      text-decoration: none;
      color: blue;
  }

.cards{

   font-size: 11px;	
   word-wrap: break-word;
   justify-content:;
   text-overflow: ellipsis;
   overflow: hidden;
   margin-top: 13%;
   margin-left: 10%;
   }

img{
	max-height: 4cm;
	margin-top: 0cm; 
	justify-content: center;
}


.footer{
	position:absolute ;
	bottom: -1050%;
	width: 99%;
	margin: 0px;
	background-color: #595959;
	padding:2.5%;
	padding-right:0% ;
	padding-left: 1%;
}

.mailto:hover{
	color: #99b3ff;
}



.buttonB:hover{
	background-color: #0096FF;
}

.buttonB{
	position: absolute;
  background-color:#89CFF0 ;
  border: none;
  color: white;
  margin-top: 3%;
  

}


.buttonC{
	position: absolute;
  background-color:#89CFF0 ;
  border: none;
  color: white;
  margin-top: 19%;
  

}