#container-aside{float:right;width:auto;right:0;margin-top:50vh;position:fixed;margin-right:-100px;z-index:999}#container-aside .menu{position:relative;width:260px;height:260px;display:flex;align-items:center;justify-content:center;display:none}.icon-mb{opacity:0}.menu li{position:absolute;left:0;list-style:none;transform:rotate(0deg) translateX(100px);transform-origin:130px;transition:transform .5s;transition-delay:calc(.1s * var(--i))}.menu.active .item-0{--clr:#38fe8c;transform:rotate(calc(1turn / 8 * 0))}.menu.active .item-1{--clr:#07f;transform:rotate(calc(1turn / 8 * 1))}.menu.active .item-2{--clr:#212121;transform:rotate(calc(1turn / 8 * 2))}.menu.active .item-3{--clr:#8e35cd;transform:rotate(calc(1turn / 8 * 3))}.menu.active .item-4{--clr:#00b0fe;transform:rotate(calc(1turn / 8 * 4))}.menu.active .item-5{--clr:#fea600;transform:rotate(calc(1turn / 8 * 5))}.menu.active .item-6{--clr:#a529ff;transform:rotate(calc(1turn / 8 * 6))}.menu.active .item-7{--clr:#5865f2;transform:rotate(calc(1turn / 8 * 7))}.menu a{display:flex;align-items:center;justify-content:center;width:60px;height:60px;text-decoration:none;font-size:22px;border-radius:50%;transform:rotate(calc(1turn / -8 * var(--i)));transition:color 1s,filter 1s;color:transparent;transition-delay:.5s;filter:drop-shadow(0 0 2px var(--clr))}#icon-mb-facebook{transform:rotate(270deg);width:46px;height:46px}.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#fff}#icon-mb-discord{transform:rotate(0deg)}#icon-mb-github{transform:rotate(270deg);border-radius:10px}.menu.active a{color:var(--clr);.icon-mb{opacity:1;transition:1s ease-out;transition-delay:1.8s;width:44px;height:44px}}.menu a:before{content:"";position:absolute;width:28px;height:2px;border-radius:12px;background:var(--clr);transform:rotate(calc(90deg * var(--i))) translateY(25px);transition:width .5s,height .5s,transform .5s;transition-delay:.5s,1s,1.5s}.menu.active a:before{width:51px;height:51px;background:#16161600;border:2px solid var(--clr);transform:rotate(calc(0 * var(--i)));transition:transform .5s,height .5s,width .5s;transition-delay:.5s,1.5s,1.5s;border-radius:12px;filter:drop-shadow(0 0 5px var(--clr))}.menu.active #hsd:before{width:54px;height:54px}.menu.active li:hover a ion-icon{color:#161616}.menuToggle{position:absolute;width:60px;height:60px;color:#fff;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:50%;cursor:pointer;font-size:32px;transition:transform 1.5s}.menu.active .menuToggle{transform:rotate(227deg)}.icon-contact-s{stroke:#fff}@media screen and (max-width:600px){#container-aside .menu{display:flex}}.act{position:relative;display:inline-block}.act:before{content:"";width:5px;height:5px;position:absolute;margin-left:-9px;margin-top:11px;border-radius:50%;animation:blink 3.5s infinite}@keyframes blink{0%{background-color:hsla(0,0%,95%,0)}50%{background-color:#43de7c}}.header{z-index:2}.button{margin:0;height:auto;background:transparent;padding:0;border:none;cursor:pointer;--border-right:6px;--text-stroke-color:hsla(0,0%,100%,.981);--animation-color:#37ff8b;--fs-size:1.4em;height:30px;letter-spacing:3px;text-decoration:none;font-size:var(--fs-size);font-family:Arial;position:relative;text-transform:uppercase;color:transparent;-webkit-text-stroke:1px var(--text-stroke-color)}.hover-text{position:absolute;box-sizing:border-box;content:attr(data-text);color:var(--animation-color);width:0;inset:0;border-right:var(--border-right) solid var(--animation-color);overflow:hidden;transition:.5s;-webkit-text-stroke:1px var(--animation-color)}.button:hover .hover-text,.light .button .hover-text{width:100%;filter:drop-shadow(0 0 23px var(--animation-color))}.light .button .hover-text{border-right:none;border-left:var(--border-right) solid var(--animation-color);margin-left:-6px}.logo{margin-top:5px!important}#uls>li:after{display:none}.fw:after{display:none!important}@media screen and (max-width:600px){.button:before,.logo:after,.logo:before{display:block}.button{--fs-size:1.5em;letter-spacing:1px}.ul-header a{display:none}.ul-header li:after{display:none!important}}ul{list-style:none}.contacts{z-index:4}.example-2{display:flex;justify-content:center;align-items:center;flex-direction:column;row-gap:.5rem}.example-2 .icon-content{margin:0 10px;position:relative}.example-2 .icon-content .tooltip{position:absolute;top:50%;left:-120%;transform:translateX(-50%) translateY(-50%);color:#fff;padding:6px 10px;border-radius:5px;opacity:0;visibility:hidden;font-size:14px;transition:all .3s ease}.example-2 .icon-content:hover .tooltip{opacity:1;visibility:visible;top:50%;left:-120%}.example-2 .icon-content a{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;width:50px;height:50px;border-radius:50%;color:#dbdbdb;background-color:#ffffff00;transition:all .3s ease-in-out}.example-2 .icon-content a:hover{box-shadow:3px 2px 45px 0 rgba(0,0,0,.12)}.example-2 .icon-content a svg{position:relative;z-index:1;width:25px;height:25px}.example-2 .icon-content a:hover{color:#fff}.example-2 .icon-content a .filled{position:absolute;top:auto;bottom:0;left:0;width:100%;height:0;background-color:#000;transition:all .3s ease-in-out}.example-2 .icon-content a:hover .filled{height:100%}.example-2 .icon-content a[data-social=linkedin] .filled,.example-2 .icon-content a[data-social=linkedin]~.tooltip{background-color:#0274b3}.example-2 .icon-content a[data-social=github] .filled,.example-2 .icon-content a[data-social=github]~.tooltip{background-color:#24262a}.example-2 .icon-content a[data-social=instagram] .filled,.example-2 .icon-content a[data-social=instagram]~.tooltip{background:linear-gradient(45deg,#405de6,#5b51db,#b33ab4,#c135b4,#e1306c,#fd1f1f)}.example-2 .icon-content a[data-social=youtube] .filled,.example-2 .icon-content a[data-social=youtube]~.tooltip{background-color:red}@media screen and (max-width:785px){.example-2{margin-right:-30px}}.custom-svg{width:40px;height:40px}.custom-svg .line{stroke:#fff;fill:none}.custom-svg .line-top-bottom,.light .custom-svg .line,.light .custom-svg .line-top-bottom{stroke:#fff}.hamburger{cursor:pointer}.hamburger input{display:none}.hamburger svg{margin-right:23px;height:2.6em;transition:transform .6s cubic-bezier(.4,0,.2,1)}.line{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .6s cubic-bezier(.4,0,.2,1)}.line-top-bottom{stroke-dasharray:12 63}.hamburger input:checked+svg{transform:rotate(-45deg)}.hamburger input:checked+svg .line,.hamburger input:checked+svg .line-top-bottom{stroke:red}.hamburger input:checked+svg .line-top-bottom{stroke-dasharray:20 300;stroke-dashoffset:-32.42}.menu-options{display:flex;flex-direction:column;color:#fff;justify-content:space-around;gap:10px;background-color:#181818;margin-left:-181px;z-index:4;border-radius:10px;border-top-right-radius:0;border-bottom-left-radius:10px;height:52vh;margin-top:-59px;width:256px;text-align:end;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:60px 39px 19px 19px;position:fixed}.menu-options li{margin-bottom:20px}.light .menu-options{color:#040404;background-color:#f3f3f3}.dark .menu-options li:hover{a{color:#3cdf74}.ic{fill:#3cdf74}}.light .menu-options li:hover{a{color:#0864b4}.ic{fill:#0864b4}}.dark .menu-options li #tema-link:hover{color:#3cdf74}.light .menu-options li #tema-link:hover{color:#0864b4}.menu-options li a{display:flex;align-items:center;z-index:9999}.my-icon{width:32px}.my-icon,.my-icon-project{pointer-events:none;display:block;height:20%;fill:#fff}.my-icon-project{width:29px}.my-icon-contact{pointer-events:none;display:block;width:27px;height:20%;fill:#fff}.light .my-icon,.light .my-icon-contact,.light .my-icon-project{fill:#000}.light .menu-options .moon{fill:#e2a955}.nav-link{margin-top:3px;margin-left:10px}#theme-icon{margin-top:-11px;margin-right:164px}#tema-link{margin-right:57px}@media screen and (max-width:600px){.menu-options{margin-left:-161px;justify-content:start;margin-top:-59px;width:228px;padding:70px 19px 19px;height:100vh}#tema-link{margin-right:40px}.menu-options li{margin-bottom:20px}}.container{--size:30px;display:flex;justify-content:center;align-items:center;position:relative;cursor:pointer;font-size:var(--size);user-select:none}.container .moon,.container .sun{position:absolute;animation:keyframes-fill .5s}.container .sun{display:none}.sun{fill:#fafafa}.moon{fill:#ffe600}.container input:checked~.moon{display:none}.container input:checked~.sun{display:block}.container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}@keyframes keyframes-fill{0%{transform:rotate(-1turn) scale(0);opacity:0}75%{transform:rotate(25deg)}}