/* Inicio menu hamburger */
#menu{
    width: 35px;
    height: 30px;
    margin: 30px 0 20px 20px;
    cursor:pointer;
}
img#logo1{
    /* position: absolute; */
    margin-top: -40px;
    margin-left: -60%;
    /* width: 400%; */
}
.bar{
    height: 5px;
    width: 100%;
    background-color: red;
    display: block;
    border-radius: 15px;
    transition: 0.4s ease;
}
#bar1{
    transform: translateY(-4px);
}
#bar3{
    transform: translateY(4px);
}
.nav li a{
    color: blue;
    text-decoration: none;
}
.nav li a:hover{
    font-weight: bold;
}
.nav li {
    list-style: none;
    padding: 12px 0;
}
.nav{
    padding: 0;
    margin: 0 20px;
    transition:0.4s ease;
    display: none;
}
.menu-bg,#menu-bar{
    top:0;
    left: 0;
    position: absolute;
}
.menu-bg{
    z-index: 1;
    width: 0;
    height: 0;
    margin: 30px 0 20px 20px;
    background: radial-gradient(circle, white, rgb(19, 184, 101));
    border-radius: 50%;
    transition: 0.4s ease;
}
#menu-bar{
    z-index: 2;
}
.change-bg{
    width: 550px;
    height: 540px;
    transform: translate(-60%, -30%);
}
.change-bar{
    background-color: chocolate;
}
.change #bar1{
    transform:  translateY(4px)rotateZ(-45deg);
}
.change #bar3{
    transform:  translateY(-6px)rotate(45deg);
}
.change #bar2{
    opacity:0;
}
.change{
    display: block;
}
/* Fim menu Hamburguer */