.slide-menu{
     position:fixed;
     width:320px;
     max-width:100%;
     height:100vh;
     display:none;
     overflow:hidden;
     box-sizing:border-box;
     overflow-y:auto;
     z-index:1000;
}

.slide-menu,.slide-menu .slide-menu__slider{
     transition:transform .3s ease-in-out;
     will-change:transform
}

.slide-menu .slide-menu__slider{
     width:100%;
     /* transform:translateX(0) */
}

.slide-menu ul{
     position:relative;
     width:100%;
     margin:0;
     padding-left:0;
     list-style:none;
}

.slide-menu ul ul{
     position:absolute;
     top:0;
     left:100%;
     display:none
}

.slide-menu ul a{
     display:block
}

.slide-menu a{

}

h1{
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 25px;
     padding: 15px;
     decoration: bold;
}

.slide-menu__backlink{
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 18px;
     padding: 5px;
}

.menu_text{
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 18px;
     padding: 5px 10px 10px 15px;
     color: rgb(50,50,50);
     decoration: none;
}
#about_text{
     font-family: 'Roboto Condensed', sans-serif;
     font-size: 14px;
     padding: 5px 10px 10px 10px;
     color: rgb(50,50,50);
     decoration: none;
     width: 300px;
     max-width: 90%;
     overflow-x: wrap;
}

.menu_text:hover{
     background-color: rgba(254, 11, 61, .8);
     color: white;
}

.menu_text:hover .listDescription{
     color: white;
}

.menu_1{

}

.menu_2{

}