.phoneMenu{display:none;flex-direction:column;justify-content:center;cursor:pointer;width:45px;height:40px;gap:6px;padding-right:10px}.phoneMenu span{display:block;height:4px;width:100%;background:#d8ca08;border-radius:2px}.slideMenuBackground{display:none;position:absolute;top:0;left:0;background:rgba(0,0,0,.8);height:100vh;width:100vw;z-index:9;overflow:hidden}.slideMenuBackground.open{display:none;animation:fade-in .5s forwards}.slideMenuBackground.closing{display:flex;animation:fade-out .5s forwards}@keyframes fade-in{0%{background:transparent}to{background:rgba(0,0,0,.8)}}@keyframes fade-out{0%{background:rgba(0,0,0,.8)}to{background:transparent}}.slideMenu{display:flex;position:absolute;flex-direction:column;align-items:center;height:100%;width:75%;padding:10px;right:0;gap:10px;border-left:3px solid #000;z-index:10;background:#302a26}.slideMenu.open{animation:slide-in .5s forwards}.slideMenu.closing{animation:slide-out .5s forwards}@keyframes slide-in{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slide-out{0%{transform:translateX(0)}to{transform:translateX(100%)}}.slideMenuHeader{display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2vw;.logoImg{object-fit:contain;max-height:100%;max-width:100%;height:5vh;width:auto}}.horizontalRuler{width:100%;height:.3vh;border-radius:30px;background-color:#000}.slideMenuContent{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;padding:1vh;gap:2vh;.navLink{text-align:center;width:100%;padding:5% 10%}}@media (max-width:600px){.open,.phoneMenu{display:flex!important}}