h1{
color:red;
font-family: cursive;
}
body{
background-color: aliceblue;
padding-top: 70px;
font-family: cursive;
}
a{
    text-decoration: none;
    font-family: cursive;
}
a:visited{
    color: rgb(155, 255, 255);
} 
a:hover{
    color:rgb(19, 255, 19)
}
a:active{
    color:rgb(255, 118, 118);
}
.header {    
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: white;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 2px;
    border-color:black;
    border-style: dashed;
}
.header nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: auto;
    margin-right: 20px;
    gap: 20px;
}
.header nav div{
    border: 2px solid black;
    border-radius: 5px;
    margin: 5px;
    padding: 10px;
    background-color: rgb(192, 249, 252);
}
.header nav div a{
    font-family: cursive;
}
#mango_row{
    display: flex;
    align-items: center;
    gap: 50px;
 
}
#mango{
    max-width: 50%;
    max-height: 50%;
    border-radius: 20px;
    border-style: solid;
    border-width: 5px;
}