.academia_website_avalanche_tools_navigation_drawer_styles_drawer {
position: absolute;
flex-direction: column;
align-items: center;
background-color: white;
z-index: 9;
overflow-x: hidden;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
transition-duration: 0.4s;
}
@media (width < 1340px) {
.academia_website_avalanche_tools_navigation_drawer_styles_drawer {
display: flex;
}
}
@media (width >= 1340px) {
.academia_website_avalanche_tools_navigation_drawer_styles_drawer {
display: none;
}
}
.academia_website_avalanche_tools_navigation_drawer_styles_closed {
left: 100vw;
width: 0;
}
.academia_website_avalanche_tools_navigation_drawer_styles_strip {
width: 95%;
display: flex;
justify-content: space-between;
padding: 1em;
}
.academia_website_avalanche_tools_navigation_drawer_styles_close {
width: 4em;
height: 4em;
}
.academia_website_avalanche_tools_navigation_drawer_styles_menu {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 95%;
padding: 1em 2em;
}
.academia_website_avalanche_tools_navigation_drawer_styles_item {
font-size: 1.5em;
padding-top: 0.8em;
padding-bottom: 0.8em;
width: 100%;
text-align: center;
white-space: nowrap;
cursor: pointer;
border-bottom: 2px solid rgba(110, 31, 115, 0.1);
}
.academia_website_avalanche_tools_navigation_drawer_styles_button {
margin-top: 2em;
margin-bottom: 2em;
padding-top: 1.2em;
padding-bottom: 1.2em;
border-radius: 5em;
width: 80%;
color: white;
border: 0 none transparent;
font-size: 1.5em;
cursor: pointer;
text-align: center;
background-color: rgba(110, 31, 115, 0.9);
white-space: nowrap;
}