.sidebar-container[data-v-3c59fded]{width:100%;height:100vh;overflow-y:scroll;background-color:#cefcce;padding:10px}.logo[data-v-3c59fded]{width:90px;height:90px}.sidebar-header[data-v-3c59fded]{width:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid darkgreen}.sidebar-header--title[data-v-3c59fded]{color:#006400;font-size:24px}.sidebar-main[data-v-3c59fded]{margin-top:5px;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column}.sidebar-main--list[data-v-3c59fded]{list-style-type:none;width:100%}.sidebar-main--list-items[data-v-3c59fded]{padding:10px;margin:10px;color:#006400;font-size:18px}.sidebar-main--list-children[data-v-3c59fded]{margin:20px 0;padding:4px;font-size:14px;cursor:pointer;font-weight:600}.sidebar-button[data-v-3c59fded]{padding:10px;margin-top:10px;background:green;color:#fff;border:none;border-radius:5px;display:none}@media only screen and (max-width: 800px){.sidebar-button[data-v-3c59fded]{display:block}}*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto}.container{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;overflow:hidden}.main-container{width:80%;height:100vh;background-color:#f5f5f5;padding:10px;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.main-container--title{color:#006400;font-size:60px}.main-container--subtitle{color:green;margin-top:80px;position:absolute}.main-container--version{position:absolute;left:10px;bottom:20px;color:#006400}.sidebar{width:20%;height:100vh;display:block;position:relative}.main-container--button-sidebar{padding:10px;margin-top:10px;background:green;color:#fff;border:none;border-radius:5px;display:none}@media only screen and (max-width: 800px){.main-container--title{font-size:40px;margin-bottom:40px}.main-container--subtitle{font-size:14px}.main-container{width:100%}.sidebar{z-index:2;position:absolute;width:50%;right:0}.main-container--button-sidebar{display:block;position:absolute;left:5%;top:2%}}:root{--animation-duration: .3s;--animation-easing: ease;--animation-delay: 0ms}.fade-enter-active,.fade-leave-active{transition:opacity var(--animation-duration) var(--animation-easing) var(--animation-delay)}.fade-enter-from,.fade-leave-to{opacity:0}.fade-enter-to,.fade-leave-from{opacity:1}@keyframes SlideInRight{0%{transform:translate3d(75%,0,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInRight-enter-active{position:absolute;animation:SlideInRight var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInRight-leave-active{position:absolute;animation:SlideInRight var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInLeft{0%{transform:translate3d(-75%,0,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInLeft-enter-active{position:absolute;animation:SlideInLeft var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInLeft-leave-active{position:absolute;animation:SlideInLeft var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInUp{0%{transform:translate3d(0,50%,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInUp-enter-active{position:absolute;animation:SlideInUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInUp-leave-active{position:absolute;animation:SlideInUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes SlideInDown{0%{transform:translate3d(0,-50%,0);visibility:visible;opacity:0}to{opacity:1;transform:translateZ(0)}}.slideInDown-enter-active{position:absolute;animation:SlideInDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.slideInDown-leave-active{position:absolute;animation:SlideInDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.415,-.61,.655,-1);animation-timing-function:cubic-bezier(.415,-.61,.655,-1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{transform:scaleZ(1)}}.bounceIn-enter-active{position:absolute;animation:BounceIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceIn-leave-active{position:absolute;animation:BounceIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceDown{0%{opacity:0;transform:translate3d(0,-100%,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}40%{transform:translate3d(0,50%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}60%{opacity:1;transform:translate3d(0,-20%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}80%{transform:translate3d(0,10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}}.bounceDown-enter-active{position:absolute;animation:BounceDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceDown-leave-active{position:absolute;animation:BounceDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes BounceUp{0%{opacity:0;position:absolute;transform:translate3d(0,50%,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}40%{transform:translate3d(0,-50%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}60%{opacity:1;transform:translate3d(0,30%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}70%{transform:translate3d(0,-10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}80%{transform:translate3d(0,10%,0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}to{transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1)}}.bounceUp-enter-active{position:absolute;animation:BounceUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.bounceUp-leave-active{position:absolute;animation:BounceUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateIn{0%{opacity:0;transform:rotate3d(0,0,1,-200deg)}to{transform:rotate3d(0,0,1,0)}}.rotateIn-enter-active{position:absolute;animation:RotateIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateIn-leave-active{position:absolute;animation:RotateIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateUp{0%{opacity:0;transform:rotate3d(0,0,1,20deg);animation-timing-function:cubic-bezier(.815,.51,.05,.12)}to{transform:rotate3d(0,0,1,0)}}.rotateUp-enter-active{position:absolute;transform-origin:left top;animation:RotateUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateUp-leave-active{position:absolute;transform-origin:left bottom;animation:RotateUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes RotateDown{0%{opacity:0;transform:rotate3d(0,0,.1,-20deg);animation-timing-function:cubic-bezier(.815,.51,.05,.12)}to{transform:rotate3d(0,0,.2,0)}}.rotateDown-enter-active{position:absolute;transform-origin:left top;animation:RotateDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.rotateDown-leave-active{position:absolute;transform-origin:right top;animation:RotateDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomIn{0%{opacity:0;transform:scale(.5)}to{transform:scale(1)}}.zoomIn-enter-active{position:absolute;animation:ZoomIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomIn-leave-active{position:absolute;animation:ZoomIn var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomUp{0%{opacity:0;transform:scale(.5) translate3d(0,70%,0)}to{transform:scale(1)}}.zoomUp-enter-active{position:absolute;animation:ZoomUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomUp-leave-active{position:absolute;animation:ZoomUp var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes ZoomDown{0%{opacity:0;transform:scale(.5) translate3d(0,-70%,0)}to{transform:scale(1)}}.zoomDown-enter-active{position:absolute;animation:ZoomDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.zoomDown-leave-active{position:absolute;animation:ZoomDown var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes FlipX{0%{opacity:0;transform:perspective(100px) rotateX(90deg)}40%{transform:perspective(100px) rotate3d(1,0,0 20deg)}60%{transform:perspective(100px) rotateX(-10deg)}to{transform:perspective(200px)}}.flipX-enter-active{position:absolute;animation:FlipX var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.flipX-leave-active{position:absolute;animation:FlipX var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}@keyframes FlipY{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}40%{transform:perspective(400px) rotate3d(0,1,0 20deg)}60%{transform:perspective(400px) rotateY(-10deg)}to{transform:perspective(400px)}}.flipY-enter-active{position:absolute;animation:FlipY var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) forwards}.flipY-leave-active{position:absolute;animation:FlipY var(--animation-duration, .5s) var(--animation-delay, 0s) var(--animation-easing, ease) reverse forwards}