@charset "utf-8";
*{
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: auto;
    padding-top: auto;
    padding-right: auto;
    padding-bottom: auto;
    padding-left: auto;
}
nav {
    width: 100%;
    height: 60px;
    background-color: rgba(45,110,87,0.69);
    margin-left: 0px;
    font-weight: bolder;
    text-shadow: 0px 5px 15px rgba(33,190,223,1.00);
    position: fixed;
    z-index: 2;
    font-size: medium;
    list-style-type: none;
    text-align: center;
    border-radius: 50px;
    border-color: rgba(48,61,31,1.00);
    border-style: solid;
}
nav ul li a {
    text-decoration: none;
    color: rgba(91,165,225,1.00);
    font-size: large;
}
nav ul li {
    list-style-type: none;
    display: inline-block;
    line-height: 60px;
    font-family: adamina;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-shadow: 0 5px 5px rgba(108,228,185,1.00);
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}

main {
    width: 900px;
    background-color: #3F9851;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    border: 5px dotted rgba(99,207,128,1.00);
}
.mainImg   {
    border: 4px double #74B179;
    display: inline-block;
    margin-top: 80px;
    width: 400px;
    height: 200px;
    -webkit-box-shadow: 0px 0px 5px 10px rgba(68,184,70,1.00);
    box-shadow: 0px 0px 5px 10px rgba(68,184,70,1.00);
}
h1 {
    text-shadow: 0 0 30px rgba(14,13,13,1.00);
	transition: all 1s;
}
h1:hover{transform: scaleY(1.5);
	
}

main div .maindiv1 {
    display: inline-block;
    margin-top: 50px;
    width: 150px;
    margin-right: 50px;
    margin-bottom: 50px;
    margin-left: 50px;
}
.circlediv {
    border-radius: 50%;
    background-color: #28E8C7;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    border: 2px solid #450203;
    margin-bottom: 10px;
    -webkit-box-shadow: 0px 0px #2B7923;
    box-shadow: 0px 0px #2B7923;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.circle1 {
    background-color: #F3FC68;
    float: left;
    border-radius: 50px;
    -webkit-box-shadow: 0px 0px 5px 5px rgba(241,211,135,1.00);
    box-shadow: 0px 0px 5px 5px rgba(241,211,135,1.00);
    border: 3px solid rgba(241,203,71,1.00);
    position: absolute;
    top: 410px;
}
p {
    color: rgba(10,10,10,1.00);
    text-align: center;
}
h3 {
    color: rgba(90,205,168,1.00);
    font-family: germania-one;
    font-style: normal;
    font-weight: 400;
    font-size: x-large;
}


.circle2 {
    background-color: #67D5A4;
    float: left;
    border-radius: 50px;
    height: 80px;
    border: 3px solid rgba(69,143,121,1.00);
    -webkit-box-shadow: 0px 0px 5px 5px rgba(130,231,205,1.00);
    box-shadow: 0px 0px 5px 5px rgba(130,231,205,1.00);
}
.circle3 {
    background-color: #F3FC68;
    float: right;
    border-radius: 50px;
    border: 3px solid rgba(241,203,71,1.00);
    -webkit-box-shadow: 0px 0 5px 5px rgba(241,211,135,1.00);
    box-shadow: 0px 0 5px 5px rgba(241,211,135,1.00);
}
.bottomdiv {
    text-align: center;
    color: #F9F9F9;
    font-family: aclonica;
    font-style: normal;
    font-weight: 400;
    padding-top: 50px;
    width: auto;
}
div .maindiv1 .bottomdiv h3 {
}
body {
    background-image: -webkit-linear-gradient(270deg,rgba(162,243,219,1.00) 0%,rgba(65,244,141,1.00) 30.57%,rgba(110,255,172,1.00) 56.48%,rgba(48,175,102,1.00) 63.73%,rgba(15,255,117,1.00) 93.78%,rgba(0,255,108,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(162,243,219,1.00) 0%,rgba(65,244,141,1.00) 30.57%,rgba(110,255,172,1.00) 56.48%,rgba(48,175,102,1.00) 63.73%,rgba(15,255,117,1.00) 93.78%,rgba(0,255,108,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(162,243,219,1.00) 0%,rgba(65,244,141,1.00) 30.57%,rgba(110,255,172,1.00) 56.48%,rgba(48,175,102,1.00) 63.73%,rgba(15,255,117,1.00) 93.78%,rgba(0,255,108,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(162,243,219,1.00) 0%,rgba(65,244,141,1.00) 30.57%,rgba(110,255,172,1.00) 56.48%,rgba(48,175,102,1.00) 63.73%,rgba(15,255,117,1.00) 93.78%,rgba(0,255,108,1.00) 100%);
}
nav ul li:hover {
    text-shadow: 0px 0px 5px #5C2D51;
}