section {
width: 100%;
}
.overlay .content-overlay {
background-color: white;
width: auto;
max-width: 100%;
min-height: 98vh;
}
footer {
display: block;
}
.overlay:target .close-popup {
cursor: default;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
}
.overlay:target .close-popup {
opacity: 1;
}
.btn_close {
display: none;
visibility: hidden;
}
.menu {
opacity: 0;
visibility: hidden;
position: fixed;
width: 100vw;
height: 100vh;
top: -4%;
left: 0;
padding-top: 18vh;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu ul {
width: unset;
display: flex;
flex-direction: column;
position: relative;
}
.menu ul li {
width: unset;
margin: 0 auto;
padding-bottom: 4vh;
}
.menu .redes {
display: flex;
justify-content: space-around;
}
.menu .icon {
background: transparent;
transform: unset;
}
.menu .side-alpha {
-ms-writing-mode: unset;
writing-mode: unset;
transform: unset;
bottom: 0;
left: 0;
}
.menu .side-beta {
-ms-writing-mode: unset;
writing-mode: unset;
transform: unset;
top: 0;
right: 0%;
}
.menu.mobile_on {
background-color: #ff8bee;
opacity: 1;
visibility: visible;
top: 0;
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.label {
width: 200px;
height: 200px;
position: absolute;
right: -100px;
top: -120px;
border-radius: 50%;
transition: .5s ease-in-out;
cursor: pointer;
z-index: 400;
}
.hamburger {
background: #262626;
width: 2rem;
height: .2rem;
position: absolute;
bottom: 25%;
left: 20%;
display: block;
transform-origin: center;
transition: .4s ease-in-out;
}
.hamburger:after, .hamburger:before {
background: #262626;
width: 100%;
height: 100%;
content: "";
display: block;
position: absolute;
transition: .4s ease-in-out;
}
.hamburger:before {
top: -10px;
}
.hamburger:after {
bottom: -10px;
}
.close {
background: white;
transform: rotate(135deg);
}
.close::after {
background: white;
bottom: 0;
transform: rotate(90deg);
}
.close::before {
background: white;
top: 0;
transform: rotate(90deg);
}
.overflow_y {
overflow: hidden !important;
}
.logo-home {
width: auto;
top: 7rem;
left: 1%;
}
.logo-home a {
color: #f713d5;
font-size: 1.8rem;
font-weight: bold;
width: unset;
height: unset;
max-width: unset;
min-width: unset;
}
.wrap {
width: 70vw;
}
.arrows {
border-radius: 50%;
bottom: 2rem;
right: -8rem;
}
.label {
right: -110px;
top: -124px;
}
.error_mensaje {
width: 80%;
height: 82vh;
margin: 0 auto;
justify-content: flex-end;
align-items: left;
bottom: 2rem;
}
.error_mensaje h1, .error_mensaje h3 {
line-height: 2rem;
font-size: 1.4rem;
}