body{margin:0;padding:0;display:flex;align-content:space-between;background-color:#f6f5ed;font-family:Arial;-webkit-user-select:none;-moz-user-select:none;user-select:none}body .main-content{width:100%;height:100vh}body a{text-decoration:none}body h1,body h2,body h3,body h4,body h5,body h6{margin:0}.button{flex-direction:column;margin:1vh 0;text-decoration:none;width:-moz-fit-content;width:fit-content}.button,.button .btn-wrapper{display:flex;justify-content:center;align-items:center;transition:all .3s ease-in-out}.button .btn-wrapper{cursor:pointer;border-radius:.5vh;width:5vh;height:5vh;background-color:#465d67}.button .btn-wrapper .img{width:2.1vh;height:2.1vh;transition:all .3s ease-in-out}.button .btn-wrapper:hover{background-color:#324b57;transition:all .3s ease-in-out}.button .btn-wrapper.selected{background-color:#f0eee1;transition:all .3s ease-in-out}.button .btn-text{color:#fff;font-size:1vh;margin:.2vh 0;transition:all .3s ease-in-out;opacity:1;max-width:5vh;text-align:center;overflow:hidden;white-space:nowrap}.button.active{flex-direction:row;justify-content:flex-start;align-items:center;gap:1vh;width:100%}.button.active .btn-text{font-size:1.8vh;max-width:none;width:auto;overflow:visible;text-align:left}.side-nav{background-color:#324b57;height:100vh;width:7vh;padding:1vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:width .3s ease-in-out,padding .3s ease-in-out}.side-nav.expanded{width:max-content}.side-nav.expanded .center-section button.active{width:100%;justify-content:flex-start}.side-nav.expanded .center-section .button{margin:.7vh 0;gap:0}.side-nav.expanded .center-section .button .btn-wrapper{width:4.5vh;height:4.5vh;padding:0 .5vh}.side-nav.expanded .center-section .button .btn-wrapper .img{width:1.8vh;height:1.8vh}.side-nav.expanded .center-section .button .btn-text{font-size:.9vh;width:100%;height:4.5vh;display:flex;align-items:center;border-radius:0 .5vh .5vh 0;padding:0 0 0 1vh}.side-nav.expanded .center-section .button.active .btn-text{font-size:1.5vh}.side-nav.expanded .center-section .button:hover .btn-wrapper{border-radius:.5vh 0 0 .5vh}.side-nav.expanded .center-section .button:hover .btn-text{background-color:#465d67}.side-nav.expanded .bottom-section .expanded-controls{display:flex;width:100%;justify-content:space-between;align-items:center;gap:.4vh}.side-nav.expanded .bottom-section .expanded-controls .control-btn{display:flex;align-items:center;justify-content:center;padding:0 1vh;background-color:rgba(74,97,109,.8);border-radius:.5vh;border:none;cursor:pointer;transition:all .3s ease;gap:.5vh}.side-nav.expanded .bottom-section .expanded-controls .control-btn svg{width:2.1vh;height:2.1vh}.side-nav.expanded .bottom-section .expanded-controls .control-btn span{color:#fff;font-size:1.5vh;white-space:nowrap}.side-nav.expanded .bottom-section .expanded-controls .control-btn:hover{background-color:#4a616d}.side-nav.expanded .bottom-section .expanded-controls .control-btn.close-btn{background-color:#c1d9d9;width:4.5vh;height:4.5vh}.side-nav.expanded .bottom-section .expanded-controls .control-btn.back-btn,.side-nav.expanded .bottom-section .expanded-controls .control-btn.home-btn{height:4.5vh}.side-nav .top-section{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:2vh}.side-nav .top-section .logo{transition:all .3s ease-in-out}.side-nav .top-section .logo .img{width:3.5vh;height:3.5vh;transition:all .3s ease-in-out}.side-nav .top-section .logo .img-big{background-color:#c1d9d9;padding:1vh;width:13vh;border-radius:.3vh;transition:all .3s ease-in-out}.side-nav .center-section{flex:1 1;justify-content:center;overflow-y:auto;margin:2vh 0}.side-nav .bottom-section,.side-nav .center-section{display:flex;flex-direction:column;align-items:center;width:100%;transition:all .3s ease-in-out}.side-nav .bottom-section{justify-content:flex-end;margin-top:2vh;gap:1vh}.side-nav .bottom-section .back-btn{cursor:pointer;border-radius:.5vh;width:5vh;height:5vh;display:flex;justify-content:center;align-items:center;border:none;background-color:#465d67;transition:all .3s ease-in-out}.side-nav .bottom-section .back-btn svg{width:2.1vh;height:2.1vh;transition:all .3s ease-in-out}.side-nav .bottom-section .back-btn:hover{background-color:#324b57}.side-nav .bottom-section .btn-con{display:flex;flex-direction:row;transition:all .3s ease-in-out}.side-nav .bottom-section .btn-con .btn{cursor:pointer;border-radius:.5vh;width:5vh;height:5vh;display:flex;justify-content:center;align-items:center;border:none;transition:.3s ease-in-out;background-color:#c1d9d9;z-index:99}.side-nav .bottom-section .btn-con .btn .icon{width:2.1vh;height:2.1vh;transition:all .3s ease-in-out;color:#324b57}.side-nav .bottom-section .btn-con .btn:hover{background-color:#f6f5ed;color:#394e5a;transition:.3s ease-in-out}.side-nav .bottom-section .btn-con .btn-aside{position:relative;display:flex;align-items:center;background-color:rgba(255,196,0,.3333333333);gap:2vh;padding:0 2vh;border-radius:0 .5vh .5vh 0;left:-.5vh;transition:all .3s ease-in-out}.side-nav .bottom-section .btn-con .btn-aside.visible{opacity:1;width:auto;visibility:visible}.side-nav .bottom-section .btn-con .btn-aside.hidden{opacity:0;width:0;visibility:hidden;padding:0}.side-nav .bottom-section .btn-con .btn-aside:hover{background-color:rgba(203,255,81,.5960784314);transition:.3s ease-in-out;cursor:pointer}.side-nav .bottom-section .btn-con .btn-aside .span{display:flex;align-items:center;gap:1vh;color:#000;transition:all .3s ease-in-out;white-space:nowrap}.side-nav .bottom-section .btn-con .btn-aside .span .icon{width:2.1vh;transition:all .3s ease-in-out}.side-nav .bottom-section .btn-con .btn-aside .span .icon-arrow{transform:rotate(180deg);width:1.05vh;transition:all .3s ease-in-out}