/* HRAD */
body{
  margin: 0px;
  padding: 0px;
  text-align:center;
  background: #454545;
}
.topo{
  position: ;
  text-align: center;
  width:100%;
}
.logo{
  width:230px;
  margin-top:30px;
  background: #454545;

}
.oculta {
   display:none;
}

.normal {
   display:block;
}
@media (max-width:600px;) {
  .logo{
    width:130px;
  }
}

                  /* FOOTER */


.footer{
  position: fixed;
  padding: 20px;
  bottom: 0;
  width: 100%;
  height: 100px; /* Defina a altura fixa do rodapé aqui */
  line-height: 60px; /* Centralize verticalmente o texto lá */
  background: #3f3f3f;
  transition: height 300ms linear;
}

.menu-abrir{
  height: 92%;
}



.nome{
  width: 100%;
  text-align: center;
  font-size: 40px;
  color:#848484;
}

          /* MENU */

.menu{
  position: absolute;
  width: 120px;
  height: 120px;
  border: 0px;
  border-radius: 75px;
  background: #454545;
  margin-top: -90px;
}
.menu-blur{
  position: absolute;
  width: 120px;
  height: 120px;
  border: 0px;
  border-radius: 75px;
  filter:blur(15px);
  z-index: -1;
  background: rgb(48, 45, 46);
  margin-left: 10px;
  margin-top: -85px;
}
.menu-img{
  width: 65%;
}

.sub-menu-btn{
  width: 100%;
  height:150px;
  font-size: 70px;
  margin-top:20px;
  background: #545454;
  border: 0;
  color:#ccc;
}
.x{
  position: absolute;
  margin-left: 45px;
  color:#ccc;
  font-size: 450%;
  margin-top: 400px;
}
.txt-x{
  margin-top:60px;
  margin-left:-10px;
}
.menu-btn-fechar{
  margin-top: 0px;
}