* {
  box-sizing: border-box;
}

body {
  color: black; 
}
.spaceall{
		display:inline-block;
background: linear-gradient(135deg, rgba(249,198,103,0.3) 0%,rgba(230,180,84,0.7) 30%,rgba(216,168,71,0.33) 51%,rgba(216,168,71,0.3) 53%,rgba(216,168,71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-radius:10px;	
	width: 80%;
	 border: 1px solid #ccc;
	   box-shadow: 1px 1px 4px 4px rgb(0,0,0);
	   margin-bottom:50px; 
}	
.spacea{
background: linear-gradient(45deg, rgba(255,175,75,0.27) 0%,rgba(255,159,43,0.69) 48%,rgba(255,159,42,0.71) 50%,rgba(255,146,10,0.37) 100%); 
margin-top: 30px;
  float:center;
  width: 80%;
  color: black; 

   padding-bottom: 20px;
   vertical-align:top;
  
}
.spacea img{
width: 60%;
 box-shadow: 1px 1px 4px 4px rgb(0,0,0);
 margin-bottom: 20px;
 margin-top: 20px;
  background-image: url("https://www.ukeale.com/logo.png");
 background-color: #cccccc;
}
.spacea h1{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size:66px;
vertical-align:top;
line-height:50px;
 margin-top: -30px;  
}
.spacea h4{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size: 32px;	
    float:left;
}
.spacea p{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px; 
}	
.spaceb{
background: linear-gradient(45deg, rgba(255,255,255,0) 0%,rgba(248,248,248,1) 20%,rgba(241,241,241,1) 39%,rgba(225,225,225,1) 57%,rgba(237,237,237,1) 81%,rgba(246,246,246,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  float:center;
  width: 80%;
  height:auto;
  color: black; 
 margin-top: 20px;
   border-radius:10px;
   border-radius:10px; 
vertical-align:center;
   padding-bottom: 20px;
  
}
.spaceb h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 48px;	
 
}
.spaceb p{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px; 
vertical-align:top;
margin-bottom: 20px;
}

.spaceb img{
  background:tranparent;
float:center;
  width: 50%;
}

.spacec{
	display:inline-block;
background: linear-gradient(135deg, rgba(91,181,88,0.52) 0%,rgba(164,196,172,0.48) 42%,rgba(111,196,104,0.46) 57%,rgba(159,183,163,0.42) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
  float:center;
  width: 100%;
  color: black; 
 margin-top: 20px;
   border-top-right-radius:10px;
   border-top-left-radius:10px; 

   padding-bottom: 20px;
  
}




.spacec p{
display:inline-block;

}

.spacec h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 42px;
  color: red;   
}
.spacec p{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px; 
 margin-bottom: 20px;
}	
.spaced{
  background: tranparent;
  float:center;
  width: 80%;
  color: black; 

   border-radius:10px;
   border-radius:10px; 
  border: 1px solid #ccc;
   padding-bottom: 20px;
  
}
.spaced h2{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 28px;
  color: red;   
}
.spacee{
 background: radial-gradient(ellipse at center, rgba(52,107,55,0.78) 0%,rgba(6,22,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  float:center;
  width: 60%;
  color: black; 
  margin-top: 10px;  
   border-radius:10px;
   border-radius:10px; 
  border: 1px solid #ccc;
   padding-bottom: 20px;
  
}
.spacee p{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacef{
  background: tranparent;
  float:center;
  width: 80%;
  color: black; 
   padding-bottom: 20px;
   margin-top: 10px;
}
.spaceg{
  background: tranparent;
  float:center;
  width: 80%;
  color: black; 
 margin-top: 10px;
   padding-bottom: 20px;
  
}
.spaceh{
  background: tranparent;
  float:center;
  width: 80%;
  color: black; 
 margin-top: 10px;
   padding-bottom: 20px;
  
}
.spacei{
  background:tranparent;
  float:center;
  width: 80%;
  color: black; 
 margin-top: 20px; 
   padding-bottom: 20px;
   padding-top: 20px;
}
.spacel{
  background: radial-gradient(ellipse at center, rgba(52,107,55,0.78) 0%,rgba(6,22,1,1) 100%);  
  float:center;
  width: 80%;
  color: white; 
    letter-spacing: 2px;
  font-size: 26px;
 margin-top: 20px; 
   padding-bottom: 20px;
   padding-top: 20px;
}
.spacel p{
background: linear-gradient(135deg, rgba(228,237,73,1) 0%,rgba(239,226,40,0.48) 38%,rgba(219,225,31,0.28) 53%,rgba(207,224,26,0.42) 62%,rgba(244,244,112,1) 100%);
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow;
text-shadow: 2px 2px 3px black; 
  border-bottom: 6px solid #CFE01A; 
}
.spacel h1{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size: 46px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacel h2{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 36px;
padding-left: 16px;  
padding-right: 16px;
color: white; 
}
.spacel h3{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacel h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 22px;
padding-left: 16px;  
padding-right: 16px;
color: white; 
}
.spacel a{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
padding-top: 8px;  
padding-bottom: 8px;
color: yellow; 
min-width:120px;
background: radial-gradient(ellipse at center, rgba(99,182,219,1) 0%,rgba(45,82,191,1) 100%);
   box-shadow: 1 2 0 2px var(--green-30), 1 2 0 5px var(--green-90);
        border: solid 4px #8AC1D8;
	border-radius:15px;
}
.spacel a:hover{
  letter-spacing: 6px;
 background:#ff0000;

}
.spacem{
background: linear-gradient(45deg, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); 
  float:center;
  width: 80%;
  color: black; 
    letter-spacing: 2px;
  font-size: 26px;
 margin-top: 20px; 
   padding-bottom: 20px;
   padding-top: 20px;
}
.spacem p{
background: linear-gradient(135deg, rgba(121,166,183,1) 0%,rgba(229,229,229,0.48) 38%,rgba(227,227,227,0.28) 53%,rgba(226,226,226,0.42) 62%,rgba(78,150,170,1) 100%); 
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 28px;
padding-left: 16px;  
padding-right: 16px;
color: black; 
   border-radius:10px; 
  border: 4px solid #ccc;
   margin-top: 4px; 
    margin-left: 20px; 
	 margin-right: 20px; 
}
.spacem h1{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size: 46px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacem h2{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 36px;
padding-left: 16px;  
padding-right: 16px;
color: black;
text-shadow: 2px 2px 3px black; 
}
.spacem h3{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 28px;
padding-left: 16px;  
padding-right: 16px;
color: red; 
}
.spacem h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 22px;
padding-left: 16px;  
padding-right: 16px;
color: black;
text-shadow: 1px 1px 2px black; 
}
.spacem a{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
padding-top: 8px;  
padding-bottom: 8px;
color: yellow; 
min-width:120px;
background: radial-gradient(ellipse at center, rgba(99,182,219,1) 0%,rgba(45,82,191,1) 100%);
   box-shadow: 1 2 0 2px var(--green-30), 1 2 0 5px var(--green-90);
        border: solid 4px #8AC1D8;
	border-radius:15px;
}
.spacem a:hover{
  letter-spacing: 6px;
 background:#ff0000;

}
.spacen{
  background: tranparent;  
  float:center;
  width: 80%;
  color: black; 
    letter-spacing: 2px;
  font-size: 26px;
 margin-top: 20px; 
   padding-bottom: 20px;
   padding-top: 20px;
}
.spacen p{
	background: linear-gradient(135deg, rgba(121,166,183,1) 0%,rgba(229,229,229,0.48) 38%,rgba(227,227,227,0.28) 53%,rgba(226,226,226,0.42) 62%,rgba(78,150,170,1) 100%); 
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: black;
   border-radius:10px; 
  border: 4px solid #ccc;
   margin-top: 4px; 
    margin-left: 20px; 
	 margin-right: 20px;  
}
.spacen h1{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size: 46px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacen h2{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 36px;
padding-left: 16px;  
padding-right: 16px;
color: white;
text-shadow: 2px 2px 3px black; 
}
.spacen h3{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spacen h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 22px;
padding-left: 16px;  
padding-right: 16px;
color: white; 
text-shadow: 1px 1px 2px black;
}
.spacen a{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
padding-top: 8px;  
padding-bottom: 8px;
color: yellow; 
min-width:120px;
background: radial-gradient(ellipse at center, rgba(99,182,219,1) 0%,rgba(45,82,191,1) 100%);
   box-shadow: 1 2 0 2px var(--green-30), 1 2 0 5px var(--green-90);
        border: solid 4px #8AC1D8;
	border-radius:15px;
}
.spacen a:hover{
  letter-spacing: 6px;
 background:#ff0000;

}
.spaceo{
background: radial-gradient(ellipse at center, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);   
  float:center;
  width: 80%;
  color: white; 
 margin-top: 20px; 
   padding-bottom: 20px;
   padding-top: 20px;
    font-size: 28px;
}
.spaceo p{
	background: linear-gradient(135deg, rgba(121,166,183,1) 0%,rgba(229,229,229,0.48) 38%,rgba(227,227,227,0.28) 53%,rgba(226,226,226,0.42) 62%,rgba(78,150,170,1) 100%);
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
  border-bottom: 6px solid #CFE01A; 
}
.spaceo h1{
font-family: "Girassol";
  letter-spacing: 2px;
  font-size: 46px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spaceo h2{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 36px;
padding-left: 16px;  
padding-right: 16px;
color: white; 
}
.spaceo h3{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
color: yellow; 
}
.spaceo h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 22px;
padding-left: 16px;  
padding-right: 16px;
color: white; 
}
.spaceo a{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px;
padding-top: 8px;  
padding-bottom: 8px;
color: yellow; 
min-width:120px;
background: radial-gradient(ellipse at center, rgba(99,182,219,1) 0%,rgba(45,82,191,1) 100%);
   box-shadow: 1 2 0 2px var(--green-30), 1 2 0 5px var(--green-90);
        border: solid 4px #8AC1D8;
	border-radius:15px;
}
.spaceo a:hover{
  letter-spacing: 6px;
 background:#ff0000;

}
.Buttlink {
  text-transform: uppercase;
  background-color:#0384fc;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
  padding-right: 8px;
  border: none;
   font-family: "New Amsterdam";	
  letter-spacing: 0.05rem;
  font-size:26px;
  line-height: 16px;
  cursor: pointer;
  position: relative;
  width:auto;
  color:#c7edcc;
  height: 46px;
   margin-bottom:10px;
       border: solid 2px #000000;
	border-radius:25px;
		  box-shadow:
  0 0 0 2px #967651,
  0 0 0 4px #727478;
}
.Buttlink:hover {
  background-color:#ff0000;
  color:#ffff00;

}
.Buttlink:active {
  background: var(--green-90);
  outline: none;
  color:#ffff00;
  box-shadow: 0 0 0 2px var(--green-30), 0 0 0 5px var(--green-90);

}
.codabin{
  background: tranparent;
  float:center;
  width: 80%;
   box-shadow: 1px 1px 4px 4px rgb(0,0,0);
   border-top-right-radius:10px;
   border-top-left-radius:10px; 
  border: 1px solid #ccc;
   padding-bottom: 20px;
}
.codabin h1{
  background: tranparent;
  float:center;
  width: 80%;
  color: black;
      font-family: Playfair Display, serif;
  font-size: 56px;
}

.spartiinb p{
  background: white;
  float:center;
  width: 80%;
    font-family: Playfair Display, serif;
  font-size: 28px;
    color:black;
}  
.spartiinb h4{
  background: white;
  float:center;
  width: 80%;
    font-size: 28px;
    color:black;
	 border-radius:10px;
}