* {
  box-sizing: border-box;
}

body {
  color: black; 
}
.spaceall{
background: linear-gradient(135deg, rgba(30,87,153,0) 0%,rgba(30,87,153,0.8) 15%,rgba(30,87,153,0.74) 20%,rgba(41,135,214,0.36) 49%,rgba(41,137,216,0.36) 50%,rgba(30,87,153,0.37) 80%,rgba(30,87,153,0.37) 81%,rgba(30,87,153,0.8) 85%,rgba(30,87,153,0) 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{
	 margin-top: 10px;
  background: linear-gradient(45deg, rgba(167,199,220,0.17) 0%,rgba(247,205,19,0.31) 27%,rgba(8,109,25,0.31) 44%,rgba(225,196,20,0.31) 64%,rgba(247,205,19,0.32) 66%,rgba(136,179,205,0.41) 99%,rgba(133,178,211,0.41) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  float:center;
  width: 80%;
  color: black; 
     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;
   vertical-align:top;
  
}
.spacea img{
background: radial-gradient(ellipse at center, rgba(41,45,34,0.47) 0%,rgba(101,82,24,0.65) 27%,rgba(154,115,15,0.31) 51%,rgba(165,122,13,0.38) 56%,rgba(7,5,25,0.97) 99%,rgba(3,2,25,0.97) 100%);	
width: 60%;
 box-shadow: 1px 1px 4px 4px rgb(0,0,0);
 margin-bottom: 20px;
 margin-top: 20px;
}
.spacea h1{
background: linear-gradient(to right, rgba(2,1,1,0) 0%,rgba(35,41,71,0.59) 17%,rgba(30,41,74,1) 29%,rgba(13,42,85,1) 73%,rgba(7,42,89,0.46) 87%,rgba(3,5,30,0) 99%,rgba(3,2,25,0) 100%);padding-left: 16px;  
padding-right: 16px; 
padding-bottom: 16px;	
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size:56px;
vertical-align:top;
line-height:50px;
 margin-top: -30px;  
}
.spacea h4{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 32px;	
}
.spacea p{
font-family: "Prata", serif;
  letter-spacing: 2px;
  font-size: 26px;
padding-left: 16px;  
padding-right: 16px; 
}	
.spaceb{
  background: linear-gradient(135deg, rgba(123,137,153,0.72) 0%,rgba(179,198,214,0.68) 42%,rgba(151,177,198,0.66) 57%,rgba(197,215,229,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  float:center;
  width: 80%;
  color: black; 
 margin-top: 20px;
   border-radius:10px;
   border-radius:10px; 

   padding-bottom: 20px;
  
}
.spaceb img{
max-height:200px;
}
.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; 
}	
.spacec{
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: 80%;
  color: black; 
 margin-top: 20px;
   border-top-right-radius:10px;
   border-top-left-radius:10px; 

   padding-bottom: 20px;
  
}
.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; 
}	
.spaced{
  background: tranparent;
  float:center;
  width: 80%;
  color: white; 

   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;
}   
.Buttonhome {
	 height:46px;
	
	background-color:transparent;
	

	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:'Oswald', sans-serif;
	font-size:22px;
	font-weight:bold;
	padding:0px 24px;
	text-decoration:none;
     margin-left:100px;
}
.Buttonhome:hover {
	
	background-color:transparent;
	color:#940b01;
}
.Buttonhome:active {
	background-color:transparent;
	position:relative;
	top:1px;
}
.Buttonhome img {
	background-color:transparent;
	position:relative;
	top:1px;
	text-decoration:none;
	 border: 0px;
}