body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scene{width:100vw;height:100vh}:root{--toggler-size:30px;--toggler-line-number:3;--toggler-line-size:calc(var(--toggler-size)/(var(--toggler-line-number) + var(--toggler-line-number) - 1));--pink:#d680ff;--blue:#80b1ff;--white:#fff;--black:#000}.content,.sidebar{-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.sidebar{-webkit-transform:translateX(-100%);transform:translateX(-100%);background-color:#000;background-color:var(--black);flex-direction:row;position:absolute;top:0;height:100vh;overflow-y:scroll}.content,.sidebar{width:100%;display:flex;justify-content:center;align-items:center}.content{flex-direction:column}.menubar-container{margin-top:5rem;margin-left:2rem}.menu{list-style-type:none;display:flex;flex-direction:column;-webkit-padding-start:0;padding-inline-start:0;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0;margin:0 1rem}.menu-link{color:#fff;color:var(--white);font-weight:100;text-decoration:none;font-size:3.5rem;-webkit-transition:all .25s ease-out;transition:all .25s ease-out;padding:10px;margin:.5rem 0;border-radius:5px;display:flex;align-items:center;flex-wrap:nowrap;width:100%}.menu-link:hover{background:-webkit-gradient(linear,left top,right top,color-stop(45%,#80b1ff),to(#d680ff));background:linear-gradient(90deg,#80b1ff 45%,#d680ff);background:-webkit-gradient(linear,left top,right top,color-stop(45%,var(--blue)),to(var(--pink)));background:linear-gradient(90deg,var(--blue) 45%,var(--pink));background-size:200% 200%;-webkit-animation:gradientButton .5s ease-out forwards;animation:gradientButton .5s ease-out forwards}.menu-link svg{margin-right:15px}.menu-toggler{display:block;width:30px;width:var(--toggler-size);height:30px;height:var(--toggler-size);top:10px;left:10px;cursor:pointer;z-index:1000}.menu-toggler,.menu-toggler-line{border-radius:3px;border-radius:calc(var(--toggler-line-size)/2);position:absolute}.menu-toggler-line{height:6px;height:var(--toggler-line-size);background:#fff;background:var(--white);left:0;right:0;-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.menu-toggler-line:first-child{top:0;top:calc(var(--toggler-line-size)*1 + var(--toggler-line-size)*-1)}.menu-toggler-line:nth-child(2){top:12px;top:calc(var(--toggler-line-size)*2 + var(--toggler-line-size)*0)}.menu-toggler-line:nth-child(3){top:24px;top:calc(var(--toggler-line-size)*3 + var(--toggler-line-size)*1)}.input-checkbox{position:absolute;left:-100%}.input-checkbox:checked~.menu-toggler .menu-toggler-line:not(:first-child):not(:last-child){opacity:0}.input-checkbox:checked~.menu-toggler .menu-toggler-line:first-child,.input-checkbox:checked~.menu-toggler .menu-toggler-line:last-child{background-color:#fff;background-color:var(--white)}.input-checkbox:checked~.menu-toggler .menu-toggler-line:first-child{-webkit-transform:translateY(12px) rotate(45deg);transform:translateY(12px) rotate(45deg);-webkit-transform:translateY(calc(var(--toggler-line-size)*(var(--toggler-line-number) - 1))) rotate(45deg);transform:translateY(calc(var(--toggler-line-size)*(var(--toggler-line-number) - 1))) rotate(45deg)}.input-checkbox:checked~.menu-toggler .menu-toggler-line:last-child{-webkit-transform:translateY(-12px) rotate(-45deg);transform:translateY(-12px) rotate(-45deg);-webkit-transform:translateY(calc(-1*var(--toggler-line-size)*(var(--toggler-line-number) - 1))) rotate(-45deg);transform:translateY(calc(-1*var(--toggler-line-size)*(var(--toggler-line-number) - 1))) rotate(-45deg)}.input-checkbox:checked~.sidebar{-webkit-transform:translateX(0);transform:translateX(0)}.image-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5rem}.image{width:450px}.name{color:#fff;color:var(--white);background:-webkit-gradient(linear,left top,right top,color-stop(35%,#d680ff),to(#80b1ff));background:linear-gradient(90deg,#d680ff 35%,#80b1ff);background:-webkit-gradient(linear,left top,right top,color-stop(35%,var(--pink)),to(var(--blue)));background:linear-gradient(90deg,var(--pink) 35%,var(--blue));background-size:200% 200%;font-weight:500;text-decoration:none;font-size:5rem;position:absolute;top:0;left:0;width:100%;text-align:center;padding-bottom:.5rem;-webkit-animation:gradient 3s ease-in-out infinite;animation:gradient 3s ease-in-out infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@-webkit-keyframes gradientButton{0%{background-position:0 50%}to{background-position:-100% 50%}}@keyframes gradientButton{0%{background-position:0 50%}to{background-position:-100% 50%}}@media screen and (max-width:900px){.sidebar{flex-direction:column}.image{width:350px}.image-container{margin-top:7rem}.menu-link{font-size:2.5rem}.menubar-container{margin:1rem 0}.name{font-size:4rem}}.App{margin:0;overflow:hidden}
/*# sourceMappingURL=main.7f977074.chunk.css.map */