@font-face{font-family:Belanosima;src:url(/Assets/Fonts/Belanosima-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Belanosima;src:url(/Assets/Fonts/Belanosima-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Belanosima;src:url(/Assets/Fonts/Belanosima-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box;font:inherit}img,picture,video,svg{display:block;max-width:100%}html{font-size:62.5%;overflow-x:hidden;overscroll-behavior:none;scrollbar-color:#fff #24a1de}body{font-family:Belanosima,sans-serif;line-height:1.6;font-weight:400;color:#333;background-color:#24a1de;overscroll-behavior:none}@media (max-width: 575px){body{overflow-x:hidden}}.portfolio-page{max-width:58rem;margin:4rem auto 0;padding:2.8rem;background-color:#fff;border-radius:2.4rem 2.4rem 0 0;box-shadow:0 0 25px #00000059}@media (max-width: 575px){.portfolio-page{margin:0;border-radius:0}}.header-section{padding-top:4rem;display:flex;flex-direction:column;align-items:center}.header-section .profile-picture{margin-bottom:1.6rem}.header-section .profile-picture img{width:9.6rem;height:9.6rem;border-radius:100px;box-shadow:0 0 25px #0000001a}.header-section .profile-title{display:flex;flex-direction:row;position:relative}.header-section .profile-title h1{font-size:2.4rem;font-weight:600;line-height:1.25;letter-spacing:-.25px}.header-section .profile-title img{position:absolute;height:1.7rem;width:1.7rem;right:-2.5rem;bottom:4px}.header-section .profile-description{margin-top:2px}.header-section .profile-description h2{font-size:1.4rem;font-weight:500;line-height:1.5;text-align:center}.header-section .profile-links{margin-top:.8rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.header-section .profile-links svg{height:3.2rem;width:3.2rem;fill:currentColor}.header-section .profile-links span{position:absolute;font-size:1.6rem;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header-section .profile-links a:link,.header-section .profile-links a:visited{padding:.8rem;text-decoration:none;color:#444;display:inline-block;transform-origin:center;transition:all .15s}.header-section .profile-links a:hover,.header-section .profile-links a:active{padding:.8rem;transform:scale(1.075)}.toggle-button{width:16rem;height:4rem;margin:1.2rem auto 3.2rem;background-color:#24a1de;border:2px solid #24a1de;border-radius:100px;display:flex;font-size:1.4rem;line-height:1.5;font-weight:700;position:relative}.toggle-button .toggle-option{background-color:transparent;color:#fff;border:none;cursor:pointer;flex:1;z-index:1;transition:color .3s ease}.toggle-button .toggle-option.active{color:#222}.toggle-button .toggle-switch{content:"";position:absolute;width:50%;height:100%;border-radius:100px;background:#fff;transition:all .3s ease}.toggle-button.links-active .toggle-switch{left:0%}.toggle-button.donate-active .toggle-switch{left:50%}.content-container{position:relative;transition:height .3s}.content-container .donate-section,.content-container .socials-section{position:absolute;top:0;left:0;width:100%}.donate-section{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);opacity:0;height:0;padding-bottom:4.8rem}.donate-section.active{transform:translate(0);opacity:1;position:relative;height:auto}.donate-section h3{font-size:1.6rem;font-weight:700;line-height:1.5;text-align:center;margin-bottom:1.4rem}.donate-section p{font-size:1.6rem;text-align:center;line-height:1.5}.donate-section p .crypto-address{color:#555;cursor:pointer;position:relative;text-decoration:none;border-bottom:2px solid #fff;transition:all .15s}.donate-section p .crypto-address:hover{color:#444;border-bottom:2px solid #24a1de}.donate-section p .crypto-address .copy-success{position:absolute;font-size:1.4rem;color:#444;transform:rotate(30deg);right:-3rem;top:-1.2rem;cursor:default}.donate-section p:not(:last-child){margin-bottom:1rem}.donate-section img{height:13.4rem;width:13.4rem;margin:0 auto 1.4rem;padding:.6rem;border-radius:1.4rem;box-shadow:0 0 25px #0000001a}.socials-section{transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(100%);opacity:0;height:0;padding-bottom:4.8rem}.socials-section.active{transform:translate(0);opacity:1;position:relative;height:auto}.socials-section h3{font-size:1.6rem;text-align:center;font-weight:700;line-height:1.5;margin-bottom:1.4rem}.socials-section .socials-links{display:flex;flex-direction:column;gap:1.4rem}.socials-section .socials-links a:link,.socials-section .socials-links a:visited{display:inline-block;font-size:1.6rem;font-weight:500;line-height:1.5;text-decoration:none;color:#333;border:2px solid #24a1de;height:6.8rem;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2.8rem;box-shadow:2px 4px 0 1px #24a1de;transition:all .15s}.socials-section .socials-links a:hover,.socials-section .socials-links a:active{background-color:color-mix(in srgb,#ffffff 97%,black 3%)}.socials-section .socials-links a:hover{transform:translate(-1px,-1px);box-shadow:3px 5px 0 1px #24a1de}.socials-section .socials-links a:active{transform:translate(2px,2px);box-shadow:2px 2px #24a1de}.socials-section .socials-links svg{position:absolute;height:3.2rem;width:3.2rem;fill:currentColor;left:.8rem;top:50%;transform:translateY(-50%)}.contact-section{padding-bottom:4rem}.contact-section h3{font-size:1.6rem;text-align:center;font-weight:700;line-height:1.5;margin-bottom:1.4rem}.contact-section a:link,.contact-section a:visited{display:inline-block;font-size:1.6rem;font-weight:500;line-height:1.5;text-decoration:none;color:#333;border:2px solid #24a1de;height:6.8rem;display:flex;align-items:center;justify-content:center;position:relative;border-radius:2.8rem;box-shadow:2px 4px 0 1px #24a1de;transition:all .15s}.contact-section a:hover,.contact-section a:active{background-color:color-mix(in srgb,#ffffff 97%,black 3%)}.contact-section a:hover{transform:translate(-1px,-1px);box-shadow:3px 5px 0 1px #24a1de}.contact-section a:active{transform:translate(2px,2px);box-shadow:2px 2px #24a1de}.contact-section svg{position:absolute;height:3.2rem;width:2.67rem;fill:currentColor;left:1.066rem;top:50%;transform:translateY(-50%)}
