@charset "utf-8";
/* CSS Document */

table{
/*border-collapse:collapse;*/
}
table.center{
margin-left:0px;
}
tablea{
/*border-collapse:collapse;*/
}
tablea.center{
margin-left:0px;
}
nav1 td{
	background-color:#50C28F;
border:2px solid #11623B;;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #408C6A;
text-shadow: 1px 1px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav2 td{
	background-color:#57DBB3;
border:2px solid #0B856D;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #6BB59D;
text-shadow: 1px 2px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav3 td{
	background-color:#61B8CD;
border:2px solid #13647E;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #5B98A7;
text-shadow: 1px 1px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav4 td{
	background-color:#BA8ADA;
border:2px solid #513978;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #9481A9;
text-shadow: 1px 1px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav5 td{
	background-color:#7BCEA6;
border:2px solid #11623B;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #507A66;
text-shadow: 1px 1px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav6 td{
	background-color:#FC62E4;
border:2px solid #A2128C;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #A74E99;
text-shadow: 1px 2px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav7 td{
	background-color:#859EF2;
border:2px solid #435591;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #69759E;
text-shadow: 1px 2px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav8 td{
	background-color:#02CAB7;
border:2px solid #016D64;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #409F96;
text-shadow: 1px 2px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}
nav9 td{
	background-color:#FE66B4;
border:2px solid #9E0252;
width:150px;
height:50px;
text-align:center;
border-radius:15px;
font-size:25px;
box-shadow: 10px 10px 7px #AA507E;
text-shadow: 1px 2px 2px white;
}
nav tr{
margin:0px left;
}
tr a{
color:black;
text-decoration:none;
}

.sticky {
  position: -webkit-sticky; 
  position: sticky;
  top: 0;
  margin-left:auto;
  margin-right:auto;
}
.lemon-container {
height:560px;
max-width:900px;
 box-shadow: 10px 10px 7px #408C6A; 
display:flex;
}
.first-lemon {
background-color:#11623B;
padding:20px;
flex: 1;
}
.second-lemon {
background-color:white;
flex:1;
display:flex;
flex-direction:column;
}
.second-a {
background-color: #18824F;
flex:1;

}
.second-b {
background-color:#11623B;
flex:1;

}
.second-c {
background-color: #18824F;
flex:1;

}
.third-lemon {
background-color:#4CDE8E;
height:100px;
max-width:900px;
 box-shadow: 10px 10px 7px #408C6A; 
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}

.equal-height-container {
height:725px;
max-width:900px;
margin:0 auto;
display:flex;
}
.first-sib {
background-color: #688CFD;
padding: 20px;
flex: 1;
}
.second-sib {
background-color:#5A7ADF;
padding: 20px;
flex:1;
}