html
{
    overflow-y: scroll;
    box-sizing: border-box;
}
body
{
    margin:0;
    font-family: Helvetica;
    background-color:#96ca99;
}
.title
{
    align-content: center;
    text-align: center;
    font-size: 50px;
    background: #bae2bc;
    margin: auto;
    padding: 100px;
}
ul.navbar
{
    list-style-type: #96ca99;
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    background-color: #6d926f;
}
ul.navbar li
{
    float: left;
}
ul.navbar li a
{
    display: block;
    text-align:center;
    color: #fff;
    padding: 1rem .75rem;
}
ul.navbar li a:hover:not(.active)
{
    background:#3356A4;
    color: #bebebe;
}
ul.navbar li a.active
{
    background: #bfffdc;
    color: #000;
}
ul.navbar li.right
{
    float: right;
}
ul.navbar li.right a:hover
{
    background: #8ad2bb;
    color: #000;
}
ul.navbar li.circle a:hover
{
    background: #8ad2bb;
    color: #000;
}
#main-content
{
    width: 100%;
}
#main-content1
{
    text-align: center;
    
}
@media (max-width: 660px)
{
    ul.navbar li.right, ul.navbar li
    {
        float:none;
    }
}
input[type= "text"]
{
     background: #8ad2bb;
}
.footer
{
    background-color: #8ad2bb;
    text-align: center;
    padding: 10px;
    margin-top: 22rem;
}
.footer2
{
    background-color: #8ad2bb;
    text-align: center;
    padding: 10px;
    padding-top: .5rem;
}
.footer1
{
    background-color: #8ad2bb;
    text-align: center;
    padding: 10px;
}
h2
{
    text-align:center;
    margin: auto;

}
.middle
{
    margin: auto;
    text-align: center;
}
.navbar a
{
    text-decoration: none;
}
.imgs
{
    text-align: center;
    width: 100%;
    height: 100%;
}