body{
    /* text-align: center; */
    background-color:#001C30;
    /* background-image: url(5172658.jpg); */
    
}


.span1{
    display: flex;
    flex-direction: row;
    justify-content:space-around;
    text-align: center; 
 } 


.topnav{
    background-color:#749BC2;
    font-size: 25px;
    /* position: sticky; */
    top:0px;
    font-family: colonna MT;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content:space-between;
    text-align: center;
    border-radius: 5px 5px 5px 5px;
}

.topnav a{
    color:black;
    text-decoration:none;

}

a:hover{
    color: #20f3b4;
    font-size: 28px;
    /* background-color: #D5FFE4; */
    /* text-shadow: 3px 3px 3px red; */
}

.img1{
    float: right;
    height: 320px;
    width: 320px;   
    
}

span{
    position: relative;
    left: 0px; 
}

p{
    color: #20f3b4;
}
.button{
    font-size: 20px;
    border-radius: 10px;
    border: 2px dashed red;
    box-shadow: 2px 2px 5px 0px lightgreen;
}
button:hover{
    font-size: 23px;
    background-color: lightpink;
}
.content{
    color: white;
    text-align: center;
}
#info{
    font-size: 20px;
    text-emphasis:inherit;
    color: #80ED99;
}
#element{
    color: #FA8072;
    font-size: 22px;
    font-family: colonna MT;
    
}

footer {
background-color: #27374D;
height: auto;
 border-top-left-radius: 100px;
background: -webkit-linear-gradient(left,#27374D,#001C30);
background: -moz-linear-gradient(left,#27374D,#80ED99);
background: -o-linear-gradient(left,#27374D,#80ED99);
background: linear-gradient(left,#27374D,#80ED99); 


}
.footer {
display: flex;
padding: 23px 122px;
justify-content: space-evenly;
}
footer ul {
list-style: none;
}
footer ul a {
text-decoration: none;
color: white;
}
footer ul a:hover {
color: #D8C4B6;
font-size: 17px;
}
footer h4{
color: #F3AA60;
font-size: 20px;
}
footer h3{
letter-spacing: 1.5px;
}
footer .name{
color: #749BC2;
font-size: 30px;
}
.footer > div {
width: 230px;
}
footer .rights{
text-align: center;
color: grey;
/* padding: 12px 0; */
}
form{
    padding-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ccc;
    margin-bottom: 50px;
}
form .fa{
    font-size:  18px;
    margin-right: 10px;
}
form input{
    width: 100%;
    background: transparent;
    color: #ccc;
    border: 0;
    outline:none;
}
form button{
    background: transparent;
    border: 0;
    outline:none;
    cursor: pointer;
}
footer form button .fa{
    font-size: 16px;
    color: #ccc;
}