@import url(https://fonts.googleapis.com/css2?family=Baloo+Da+2&family=Bebas+Neue&family=Cinzel+Decorative&family=Dancing+Script&family=Hachi+Maru+Pop&family=Indie+Flower&family=Lobster&family=Nunito:wght@300&family=Orbitron&family=Parisienne&family=Poiret+One&family=Poppins:ital,wght@1,200&family=Press+Start+2P&family=Sorts+Mill+Goudy&family=Source+Serif+Pro:wght@200&family=Unica+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bungee+Hairline&display=swap);@import url(https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@300&display=swap);@keyframes Levitate{0%{transform:translateY(-50px)}to{transform:translateY(50px)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes ChangeText1{0%{opacity:0}1%{opacity:1}16%,to{opacity:0}}@keyframes ChangeText2{0%{opacity:0}17%{opacity:1}33%,to{opacity:0}}@keyframes ChangeText3{0%{opacity:0}34%{opacity:1}50%,to{opacity:0}}@keyframes ChangeText4{0%{opacity:0}51%{opacity:1}67%,to{opacity:0}}@keyframes ChangeText5{0%{opacity:0}68%{opacity:1}84%,to{opacity:0}}@keyframes ChangeText6{0%{opacity:0}85%{opacity:1}to{opacity:0}}@keyframes MoveRight{0%{left:0}70%{left:100%}to{left:0}}@keyframes Blinking{0%{opacity:0}to{opacity:1}}#HomePage{overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row}#HomePage .HomeLogo{position:absolute;top:clamp(20px,2vw,30px);left:clamp(20px,2vw,30px);width:clamp(50px,5vw,80px);height:clamp(35px,5vw,50px)}#HomePage .HomeLogo svg{width:100%;height:auto;fill:#fff;fill:var(--SiteColor3);-webkit-filter:drop-shadow(0 0 3px #fff);-webkit-filter:drop-shadow(0 0 3px var(--SiteColor3));filter:drop-shadow(0 0 3px white);filter:drop-shadow(0 0 3px var(--SiteColor3))}#HomePage .HomeLogo svg path{stroke:#fff;stroke:var(--SiteColor3)}#HomePage .HLeftBox{width:45%;height:100%;justify-content:center;justify-content:space-evenly}#HomePage .HLeftBox,#HomePage .HLeftBox .TitlesBox{position:relative;display:flex;flex-direction:column;align-items:center}#HomePage .HLeftBox .TitlesBox{width:90%;height:55%;justify-content:center;justify-content:space-around}#HomePage .HLeftBox .TitlesBox>*{font-weight:bolder;color:#fff;color:var(--SiteColor3);margin:0 10%}#HomePage .HLeftBox .TitlesBox h1{font-size:clamp(2.5em,10vw,5em)}#HomePage .HLeftBox .TitlesBox h2,#HomePage .HLeftBox .TitlesBox p{font-size:clamp(.7em,2vw,1.5em)}#HomePage .HLeftBox .TitlesBox .changingText{position:relative;width:80%;height:20%;display:flex;justify-content:center;flex-direction:column;align-items:center;border-radius:10px;overflow:hidden}#HomePage .HLeftBox .TitlesBox .changingText #blinker,#HomePage .HLeftBox .TitlesBox .changingText #space{position:absolute;left:0;height:60%}#HomePage .HLeftBox .TitlesBox .changingText #blinker{width:.2em;background-color:#2cedd0;background-color:var(--SwitchBlue);box-shadow:0 0 5px #2cedd0;box-shadow:0 0 5px var(--SwitchBlue);z-index:1;animation:MoveRight 7s steps(30) infinite,Blinking .3s linear infinite}#HomePage .HLeftBox .TitlesBox .changingText #space{width:100%;background:#101010;background:var(--SiteColor2);z-index:0;animation:MoveRight 7s steps(30) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3{font-size:clamp(.7em,2vw,1.5em);position:absolute;opacity:0}#HomePage .HLeftBox .TitlesBox .changingText h3:first-child{animation:ChangeText1 42s steps(1) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3:nth-child(2){animation:ChangeText2 42s steps(1) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3:nth-child(3){animation:ChangeText3 42s steps(1) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3:nth-child(4){animation:ChangeText4 42s steps(1) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3:nth-child(5){animation:ChangeText5 42s steps(1) infinite}#HomePage .HLeftBox .TitlesBox .changingText h3:nth-child(6){animation:ChangeText6 42s steps(1) infinite}#HomePage .HLeftBox .ButtonsBox{position:relative;width:90%;height:15%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:space-around}#HomePage .HLeftBox .ButtonsBox button{position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer}#HomePage .HLeftBox .ButtonsBox button:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#HomePage .HLeftBox .ButtonsBox button:first-child:hover{background-color:#000;background-color:var(--SiteColor1);color:#fff;color:var(--SiteColor3);-webkit-text-stroke:.5px #fff;-webkit-text-stroke:.5px var(--SiteColor3);box-shadow:0 0 5px #000;box-shadow:0 0 5px var(--SiteColor1)}#HomePage .HLeftBox .ButtonsBox button:nth-child(2){background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1)}#HomePage .HRightBox{width:55%;height:100%}#HomePage .HRightBox,#HomePage .HRightBox .outerCircle{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}#HomePage .HRightBox .outerCircle{width:clamp(200px,50vw,650px);height:clamp(200px,50vw,650px);border-radius:50%;background-color:transparent}#HomePage .HRightBox .outerCircle .innerCircle{z-index:1;position:absolute;width:30%;height:30%;border:1px solid #fff;border:1px solid var(--SiteColor3);border-radius:50%;background-color:transparent}#HomePage .HRightBox .outerCircle .innerCircle .lottieBox{position:absolute;width:100%;border-radius:50%;transition:opacity .5s}#HomePage .HRightBox .outerCircle .innerCircle h2{width:100%;height:100%;text-align:center;font-size:2em;padding:1em;font-weight:bolder;color:#fff;color:var(--SiteColor3);transition:opacity .5s}#HomePage .HRightBox .outerCircle .innerCircle h2,#HomePage .HRightBox .outerCircle .innerHiddenCircle{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;opacity:0}#HomePage .HRightBox .outerCircle .innerHiddenCircle{width:50%;height:50%;background-color:transparent;border-radius:50%}#HomePage .HRightBox .outerCircle .innerHiddenCircle h2{font-size:1.7em;color:#fff;color:var(--SiteColor3);font-weight:bolder;text-align:center}#HomePage .HRightBox .outerCircle .CirclesBoxBox{z-index:0;overflow:visible}#HomePage .HRightBox .outerCircle .CirclesBoxBox,#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox{position:absolute;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:50%}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox{animation:rotate 10s linear infinite}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox span{position:absolute;background-color:#fff;background-color:var(--SiteColor3);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);width:12%;height:12%;border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox span svg{width:60%;height:60%;fill:#000;fill:var(--SiteColor1);opacity:0}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .tcircle{top:0}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .bcircle{bottom:0}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .lcircle{left:0}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .rcircle{right:0}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .trcircle{top:13%;right:13%}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .tlcircle{top:13%;left:13%}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .brcircle{bottom:13%;right:13%}#HomePage .HRightBox .outerCircle .CirclesBoxBox .CirclesBox .blcircle{bottom:13%;left:13%}#AboutPage{position:relative;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;-webkit-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;-ms-overflow-style:none;scrollbar-width:none}#AboutPage::-webkit-scrollbar{display:none}#AboutPage section{position:relative;width:100%;height:100%;scroll-snap-align:start;overflow:hidden;z-index:0}#AboutPage section h1{font-size:clamp(1.2em,4vw,3em);padding:0 5%}#AboutPage #InitSection{display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #InitSection .InitLogo{position:absolute;top:clamp(20px,2vw,30px);left:clamp(20px,2vw,30px);width:clamp(50px,5vw,80px);height:clamp(35px,5vw,50px)}#AboutPage #InitSection .InitLogo svg{width:100%;height:auto;fill:#fff;fill:var(--SiteColor3);-webkit-filter:drop-shadow(0 0 3px #fff);-webkit-filter:drop-shadow(0 0 3px var(--SiteColor3));filter:drop-shadow(0 0 3px white);filter:drop-shadow(0 0 3px var(--SiteColor3))}#AboutPage #InitSection .InitLogo svg path{stroke:#fff;stroke:var(--SiteColor3)}#AboutPage #InitSection .arrowText{position:absolute;width:clamp(110px,15vw,200px);height:clamp(70px,15vw,100px);top:80px;right:50px;font-size:clamp(.8em,2vw,1.5em);color:#fff;color:var(--SiteColor3);font-weight:bolder}#AboutPage #InitSection .arrowLottieBox{position:absolute;width:clamp(110px,2vw,200px);height:clamp(65px,2vw,100px);top:200px;right:5px;transform:rotateY(180deg) rotate(-60deg)}#AboutPage #InitSection .arrowLottieBox svg{-webkit-filter:drop-shadow(0 0 3px #fff);filter:drop-shadow(0 0 3px white)}#AboutPage #InitSection .outerCircle{position:relative;width:clamp(270px,50vw,650px);height:clamp(270px,50vw,650px)}#AboutPage #InitSection .outerCircle,#AboutPage #InitSection .outerCircle .innerHiddenCircle{border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:transparent}#AboutPage #InitSection .outerCircle .innerHiddenCircle{position:absolute;width:50%;height:50%;opacity:1}#AboutPage #InitSection .outerCircle .innerHiddenCircle>*{position:absolute}#AboutPage #InitSection .outerCircle .innerHiddenCircle h2{font-size:clamp(.8em,2vw,1.7em);color:#fff;color:var(--SiteColor3);font-weight:bolder;text-align:center}#AboutPage #InitSection .outerCircle .innerHiddenCircle h3{opacity:0;font-size:clamp(1rem,2vw,2rem);font-weight:bolder;text-align:center}#AboutPage #InitSection .outerCircle .innerHiddenCircle #CodeBallText{-webkit-text-decoration:underline #ed3333;text-decoration:underline #ed3333}#AboutPage #InitSection .outerCircle .innerHiddenCircle #MedBallText{-webkit-text-decoration:underline #38e47d;text-decoration:underline #38e47d}#AboutPage #InitSection .outerCircle .innerHiddenCircle #WhyBallText{-webkit-text-decoration:underline #f29634;text-decoration:underline #f29634}#AboutPage #InitSection .outerCircle .innerHiddenCircle #ModelingBallText{-webkit-text-decoration:underline #f4f45a;text-decoration:underline #f4f45a}#AboutPage #InitSection .outerCircle .innerHiddenCircle #LangBallText{-webkit-text-decoration:underline #f747ce;text-decoration:underline #f747ce}#AboutPage #InitSection .outerCircle .innerHiddenCircle #XpBallText{-webkit-text-decoration:underline #45dfdd;text-decoration:underline #45dfdd}#AboutPage #InitSection .outerCircle .innerHiddenCircle #MusicBallText{-webkit-text-decoration:underline #324eeb;text-decoration:underline #324eeb}#AboutPage #InitSection .outerCircle .innerHiddenCircle #DesignBallText{-webkit-text-decoration:underline #c14bf4;text-decoration:underline #c14bf4}#AboutPage #InitSection .outerCircle .CirclesBoxBox{z-index:0;overflow:visible}#AboutPage #InitSection .outerCircle .CirclesBoxBox,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox{position:absolute;width:100%;height:100%;background-color:transparent;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:50%}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox{pointer-events:none}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox a,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox span{position:absolute;background-color:#fff;background-color:var(--SiteColor3);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);width:12%;height:12%;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:box-shadow .5s;pointer-events:auto}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox a svg,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox span svg{width:60%;height:60%;fill:#000;fill:var(--SiteColor1);opacity:1;transition:fill .5s}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox a:hover,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox span:hover{transition:box-shadow .5s}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox a:hover svg,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox span:hover svg{transition:fill .5s}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox a:hover+.innerHiddenCircle h2,#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox span:hover+.innerHiddenCircle h2{opacity:0}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tcircle{top:0}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tcircle:hover{box-shadow:0 0 20px #38e47d}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tcircle:hover svg{fill:#38e47d}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .bcircle{transform:rotate(180deg);bottom:0}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .bcircle:hover{box-shadow:0 0 20px #f4f45a}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .bcircle:hover svg{fill:#f4f45a}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .lcircle{transform:rotate(-90deg);left:0}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .lcircle:hover{box-shadow:0 0 20px #f747ce}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .lcircle:hover svg{fill:#f747ce}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .rcircle{transform:rotate(90deg);right:0}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .rcircle:hover{box-shadow:0 0 20px #45dfdd}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .rcircle:hover svg{fill:#45dfdd}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .trcircle{transform:rotate(45deg);top:13%;right:13%}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .trcircle:hover{box-shadow:0 0 20px #ed3333}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .trcircle:hover svg{fill:#ed3333}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tlcircle{transform:rotate(-45deg);top:13%;left:13%}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tlcircle:hover{box-shadow:0 0 20px #324eeb}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .tlcircle:hover svg{fill:#324eeb}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .brcircle{transform:rotate(135deg);bottom:13%;right:13%}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .brcircle:hover{box-shadow:0 0 20px #c14bf4}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .brcircle:hover svg{fill:#c14bf4}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .blcircle{transform:rotate(-135deg);bottom:13%;left:13%}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .blcircle:hover{box-shadow:0 0 20px #f29634}#AboutPage #InitSection .outerCircle .CirclesBoxBox .CirclesBox .blcircle:hover svg{fill:#f29634}#AboutPage #InitSection .buttonsBox{position:absolute;left:5%;bottom:5%;height:clamp(50px,5vw,100px);width:200px;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #InitSection .buttonsBox button{position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;border-radius:0;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #InitSection .buttonsBox button:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #InitSection .buttonsBox button p{position:absolute}#AboutPage #CodeSection{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row-reverse}#AboutPage #CodeSection .bigBgCircle{z-index:0;right:-25em;top:5em;position:absolute;width:50em;height:50em;border-radius:50%;background:linear-gradient(90deg,#101010,rgba(116,245,73,.461));background:linear-gradient(90deg,var(--SiteColor2),rgba(116,245,73,.461))}#AboutPage #CodeSection .CodeTitle{position:relative;width:40%;height:100%;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #CodeSection .CodeTitle h1{font-weight:bolder;color:#fff;color:var(--SiteColor3);padding:5%;text-align:center}#AboutPage #CodeSection .CodeTitle .inputBox{width:90%;height:20%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #CodeSection .CodeTitle .inputBox span{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;flex-direction:row;width:70%;height:30%}#AboutPage #CodeSection .CodeTitle .inputBox span input{width:20px;height:20px}#AboutPage #CodeSection .CodeTitle .inputBox span label{font-size:clamp(.7em,2vw,1.5em);font-weight:bolder;color:#fff;color:var(--SiteColor3)}#AboutPage #CodeSection .allSoftwareBox{position:relative;width:60%;height:100%;display:flex;flex-wrap:wrap;z-index:1;overflow:auto;transform:skewX(3deg);-ms-overflow-style:none;scrollbar-width:none}#AboutPage #CodeSection .allSoftwareBox::-webkit-scrollbar{display:none}#AboutPage #CodeSection .allSoftwareBox span{flex:1 1 300px;border-radius:10px;margin:15px;overflow:hidden;background-color:#000;background-color:var(--SiteColor1);min-height:80px;max-height:200px;display:-ms-grid;display:grid;-ms-grid-columns:1fr 25%;grid-template-columns:1fr 25%;-ms-grid-rows:1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"text imgBox" "pBar imgBox"}#AboutPage #CodeSection .allSoftwareBox span p{position:relative;-ms-grid-row:1;-ms-grid-column:1;grid-area:text;display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:bolder;color:#fff;color:var(--SiteColor3);font-size:1.1em;pointer-events:none}#AboutPage #CodeSection .allSoftwareBox span p:after{content:"-";position:absolute;top:2px;left:5px;font-weight:bolder;color:#101010;color:var(--SiteColor2)}#AboutPage #CodeSection .allSoftwareBox span .progressBar{position:relative;-ms-grid-row:2;-ms-grid-column:1;grid-area:pBar;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #CodeSection .allSoftwareBox span .progressBar .outerBar{position:relative;width:85%;height:50%;border:2px solid #fff;border:2px solid var(--SiteColor3);border-radius:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}#AboutPage #CodeSection .allSoftwareBox span .progressBar .outerBar .innerBar{height:50%;background-color:#fff;background-color:var(--SiteColor3);box-shadow:0 0 3px #fff;box-shadow:0 0 3px var(--SiteColor3);border-radius:15px;margin-left:5px;transition:background-color .5s}#AboutPage #CodeSection .allSoftwareBox span .imgBox{position:relative;-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:2;grid-area:imgBox;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #CodeSection .allSoftwareBox span .imgBox .imgContainer{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:60px;height:60px;border-radius:50%;background-color:transparent;transition:transform .5s,background-color .5s;background-color:#101010;background-color:var(--SiteColor2)}#AboutPage #CodeSection .allSoftwareBox span .imgBox img{position:absolute;width:auto;height:55%;opacity:1;transition:opacity .5s}#AboutPage #CodeSection .allSoftwareBox span .imgBox p{position:absolute;opacity:0;color:#000;-webkit-text-stroke:.5px #000;transition:opacity .5s;font-size:1.2em;transform:rotate(180deg)}#AboutPage #CodeSection .allSoftwareBox span:hover{transition:transform .5s}#AboutPage #CodeSection .allSoftwareBox span:hover .progressBar .outerBar .innerBar{background-color:#59fa59;transition:background-color .5s}#AboutPage #CodeSection .allSoftwareBox span:hover .imgBox .imgContainer{transform:rotate(180deg);background-color:#59fa59;transition:transform .5s,background-color .5s}#AboutPage #CodeSection .allSoftwareBox span:hover .imgBox .imgContainer img{opacity:0;transition:opacity .5s}#AboutPage #CodeSection .allSoftwareBox span:hover .imgBox .imgContainer p{opacity:1;transition:opacity .5s}#AboutPage #MedSection{display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #MedSection .bigBgCircle{top:-10em;left:-10em;z-index:0;position:absolute;width:40em;height:40em;border-radius:50%;background:linear-gradient(270deg,#101010,rgba(242,47,47,.728));background:linear-gradient(270deg,var(--SiteColor2),rgba(242,47,47,.728))}#AboutPage #MedSection .TextSection{z-index:1;width:100%;height:25%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #MedSection .TextSection *{font-weight:bolder;color:#fff;color:var(--SiteColor3);text-align:center}#AboutPage #MedSection .TextSection p{font-size:clamp(.57em,2vw,1.2em);padding:0 10%}#AboutPage #MedSection .medDataBox{position:relative;width:100%;height:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row-reverse;justify-content:space-evenly}#AboutPage #MedSection .medDataBox .medSubjects{position:relative;width:40%;height:100%;display:flex;flex-wrap:wrap;border-radius:10px;overflow:scroll}#AboutPage #MedSection .medDataBox .medSubjects span{position:relative;flex:1 1 250px;min-height:80px;overflow:hidden}#AboutPage #MedSection .medDataBox .medSubjects span h2{z-index:1;position:absolute;width:100%;height:100%;background-color:hsla(0,0%,100%,.3);display:flex;justify-content:center;align-items:center;flex-direction:column;font-weight:bolder;font-size:1.3em;color:#000;transition:background-color .5s;pointer-events:none}#AboutPage #MedSection .medDataBox .medSubjects span img{z-index:0;position:absolute;height:100%;width:100%;-webkit-filter:opacity(.7);filter:opacity(.7);transition:transform .5s}#AboutPage #MedSection .medDataBox .medLinkBox{position:relative;width:40%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-around}#AboutPage #MedSection .medDataBox .medLinkBox .lottieNotesAnim{position:relative;width:100%;height:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #MedSection .medDataBox .medLinkBox .lottieNotesAnim img,#AboutPage #MedSection .medDataBox .medLinkBox .lottieNotesAnim svg{height:100%;width:auto}#AboutPage #MedSection .medDataBox .medLinkBox button{position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;padding:0 5%;text-align:center;width:70%}#AboutPage #MedSection .medDataBox .medLinkBox button:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #LangSection{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #LangSection h1{width:100%;height:10%;font-weight:bolder;color:#fff;color:var(--SiteColor3);text-align:center}#AboutPage #LangSection .langSelector{width:90%;height:10%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row}#AboutPage #LangSection .langSelector span{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;width:33%;border-radius:0;text-align:center;font-weight:bolder}#AboutPage #LangSection .langSelector span:hover{box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #LangSection .langSelector .langBClicked,#AboutPage #LangSection .langSelector span:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1)}#AboutPage #LangSection .langDisplay{width:90%;height:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:space-between}#AboutPage #LangSection .langDisplay .imgBox{position:relative;width:65%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;border:2px solid #fff;border:2px solid var(--SiteColor3);border-radius:10px}#AboutPage #LangSection .langDisplay .imgBox .swiper-container{width:90%;height:100%}#AboutPage #LangSection .langDisplay .imgBox .swiper-container .swiper-slide{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #LangSection .langDisplay .imgBox .swiper-container .swiper-slide img{height:95%;width:auto}#AboutPage #LangSection .langDisplay .textBox{position:relative;width:30%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;background-color:var(--SiteColor3);border-radius:10px}#AboutPage #LangSection .langDisplay .textBox ul{position:absolute;width:90%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-around}#AboutPage #LangSection .langDisplay .textBox ul li{width:90%;height:15%;background-color:transparent;font-size:1em;font-weight:bolder;color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #LangSection .langDisplay .textBox ul li:first-child{text-align:center;font-size:clamp(.8em,2vw,1.6em)}#AboutPage #LangSection .langDisplay .textBox ul li:nth-child(2){height:10%;background-color:transparent;border:2px solid #000;border:2px solid var(--SiteColor1);border-radius:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}#AboutPage #LangSection .langDisplay .textBox ul li:nth-child(2) .innerBar{width:100%;height:80%;background-color:#101010;background-color:var(--SiteColor2);box-shadow:0 0 10px #101010;box-shadow:0 0 10px var(--SiteColor2);border-radius:20px;margin-left:5px}#AboutPage #LangSection .langDisplay .textBox ul li:nth-child(3){height:50%;text-align:justify;font-size:clamp(.5em,2vw,1em)}#AboutPage #LangSection .langDisplay .textBox ul:first-child #outerBar .innerBar{width:85%}#AboutPage #LangSection .langDisplay .textBox ul:nth-child(2) #outerBar .innerBar{width:95%}#AboutPage #LangSection .langDisplay .textBox ul:nth-child(3) #outerBar .innerBar{width:60%}#AboutPage #MusicSection{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #MusicSection h1{font-weight:bolder;color:#fff;color:var(--SiteColor3);padding:5%;text-align:center;height:10%}#AboutPage #MusicSection .MusicWrapper,#AboutPage #MusicSection h1{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}#AboutPage #MusicSection .MusicWrapper{height:80%;flex-direction:row}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;width:50%;height:100%}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox p{position:relative;width:85%;height:33%;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;font-size:clamp(.8em,2vw,1.2em);font-weight:bolder;color:#fff;color:var(--SiteColor3);-webkit-text-stroke:.5px #fff;-webkit-text-stroke:.5px var(--SiteColor3);text-align:center;overflow:hidden}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1 img,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2 img,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox p img{position:relative;width:50%;height:100%;opacity:1;z-index:1;transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1 h4,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2 h4,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox p h4{position:relative;width:35%;height:100%;background:#fff;background:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:clamp(.9rem,2vw,1rem);text-align:center;padding:3%;z-index:0}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1 img:hover+h4,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2 img:hover+h4,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox p img:hover+h4{transition:transform .5s;transform:translateX(0)}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1 img:hover,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2 img:hover,#AboutPage #MusicSection .MusicWrapper .MusicLeftBox p img:hover{transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1{flex-direction:row;width:100%}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox1 h4{transform:translateX(-100%);transition:transform .5s}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2{flex-direction:row-reverse;width:100%}#AboutPage #MusicSection .MusicWrapper .MusicLeftBox .imgBox2 h4{transform:translateX(100%);transition:transform .5s}#AboutPage #MusicSection .MusicWrapper .MusicRightBox{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;width:50%;height:100%}#AboutPage #MusicSection .MusicWrapper .MusicRightBox .imgBox3{width:80%;height:100%;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #MusicSection .MusicWrapper .MusicRightBox .imgBox3 img{width:90%;height:90%;transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s}#AboutPage #MusicSection .MusicWrapper .MusicRightBox .imgBox3:hover img{transition:-webkit-filter .5s;transition:filter .5s;transition:filter .5s,-webkit-filter .5s;-webkit-filter:grayscale(100%);filter:grayscale(100%)}#AboutPage #MusicSection .MusicWrapper .MusicRightBox .imgBox3:hover h4{transition:opacity .5s;opacity:1}#AboutPage #MusicSection .MusicWrapper .MusicRightBox .imgBox3 h4{position:absolute;width:90%;opacity:0;height:15%;top:5%;background:rgba(0,0,0,.598);color:#fff;font-weight:bolder;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:2%;transition:opacity .5s;font-size:1rem}#AboutPage #XpSection{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row}#AboutPage #XpSection .proyectBox{width:60%;height:100%;justify-content:center;justify-content:space-evenly}#AboutPage #XpSection .proyectBox,#AboutPage #XpSection .proyectBox h1{position:relative;display:flex;align-items:center;flex-direction:column}#AboutPage #XpSection .proyectBox h1{font-weight:bolder;color:#fff;color:var(--SiteColor3);padding:5%;text-align:center;width:100%;height:15%;justify-content:center}#AboutPage #XpSection .proyectBox .xpImgContainer{position:relative;width:80%;height:60%;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:5px}#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox{position:relative;width:100%;height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox .logoBox{position:absolute;z-index:1;top:0;right:0;width:50px;height:50px;display:none}#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox .swiper-container{z-index:0}#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox .swiper-container,#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox .swiper-container .swiper-slide{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #XpSection .proyectBox .xpImgContainer .imgBox .swiper-container .swiper-slide img{width:auto;height:90%;transition:all 1s}#AboutPage #XpSection .proyectBox .xpImgContainer .imgDescription{position:relative;width:100%;height:20%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-weight:bolder;color:#fff;color:var(--SiteColor3);font-size:clamp(.5rem,2vw,1rem)}#AboutPage #XpSection .edXpBar{position:relative;width:40%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;overflow:hidden}#AboutPage #XpSection .edXpBar .bgRectangle{position:absolute;background-color:#606060;width:80%;height:100%}#AboutPage #XpSection .edXpBar #eduUL li:hover{transition:background-color .5s;background-color:#262424;-webkit-text-stroke:.5px #fff}#AboutPage #XpSection .edXpBar #eduUL .selected{background-color:#90ee90}#AboutPage #XpSection .edXpBar #eduUL .selected h4,#AboutPage #XpSection .edXpBar #eduUL .selected p{color:#000}#AboutPage #XpSection .edXpBar #xpUL li:hover{transition:background-color .5s;background-color:#262424;-webkit-text-stroke:.5px #fff}#AboutPage #XpSection .edXpBar #xpUL .selected{background-color:#87cefa}#AboutPage #XpSection .edXpBar #xpUL .selected h4,#AboutPage #XpSection .edXpBar #xpUL .selected p{color:#000}#AboutPage #XpSection .edXpBar ul{height:45%;width:80%;overflow-x:visible;justify-content:center;justify-content:flex-start;grid-gap:1%;gap:1%}#AboutPage #XpSection .edXpBar ul,#AboutPage #XpSection .edXpBar ul li{position:relative;display:flex;align-items:center;flex-direction:column}#AboutPage #XpSection .edXpBar ul li{justify-content:center;z-index:2;height:20%;width:100%;cursor:pointer;transition:background-color .5s;justify-content:space-evenly}#AboutPage #XpSection .edXpBar ul li>*{width:100%;padding:0 5%;pointer-events:none;transition:color .5s;color:#fff}#AboutPage #XpSection .edXpBar ul li h4{font-size:clamp(.5em,2vw,1em);height:60%}#AboutPage #XpSection .edXpBar ul li h4,#AboutPage #XpSection .edXpBar ul li p{font-weight:bolder;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}#AboutPage #XpSection .edXpBar ul li p{font-size:clamp(.4em,2vw,.8em);height:40%}#AboutPage #XpSection .edXpBar ul #TitleBar{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);font-weight:bolder;text-align:center;height:60px;width:100%;font-size:clamp(.9em,2vw,1.2em);cursor:auto;pointer-events:none}#AboutPage #XpSection .edXpBar ul #TitleBar:after{position:absolute;content:"";left:-30px;width:30px;height:100%}#AboutPage #XpSection .edXpBar ul #TitleBar:after,#AboutPage #XpSection .edXpBar ul #TitleBar:hover{background-color:#fff;background-color:var(--SiteColor3)}#AboutPage #XpSection .edXpBar ul .Title3D{position:absolute;left:-26px;top:-21px;width:50px;height:30px;background-color:#2d2c2c;transform:rotate(-45deg);z-index:-1}#AboutPage #WhySection{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row}#AboutPage #WhySection .whyLeftBox{position:relative;width:50%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;background-color:rgba(0,0,0,.714);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#AboutPage #WhySection .whyLeftBox h1{font-weight:bolder;color:#fff;-webkit-text-stroke:.5px #fff;text-align:center}#AboutPage #WhySection .whyLeftBox h1 strong{color:#0ee9da}#AboutPage #WhySection .whyLeftBox p{font-size:clamp(.5em,2vw,1.3em);font-weight:bolder;color:#fff;-webkit-text-stroke:.5px #fff;width:80%;height:clamp(30%,2vw,40%);text-align:justify}#AboutPage #WhySection .whyLeftBox p strong{color:#0ee9da;-webkit-text-stroke:.5px #0ee9da}#AboutPage #WhySection .whyLeftBox button{position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer}#AboutPage #WhySection .whyLeftBox button:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #WhySection .whyRightBox{position:relative;width:50%;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #WhySection .whyRightBox span{position:relative;width:90%;flex:1 1;display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start}#AboutPage #WhySection .whyRightBox span:nth-child(2),#AboutPage #WhySection .whyRightBox span:nth-child(4){align-items:flex-end}#AboutPage #WhySection .whyRightBox span:nth-child(2) .textBox,#AboutPage #WhySection .whyRightBox span:nth-child(4) .textBox{align-items:flex-start}#AboutPage #WhySection .whyRightBox span .svgBox{position:absolute;width:110px;height:110px;border-radius:50%;background-color:#fff;background-color:var(--SiteColor3);z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:background-color .5s}#AboutPage #WhySection .whyRightBox span .svgBox svg{width:50%;height:auto;fill:#000;fill:var(--SiteColor1);transition:fill .5s}#AboutPage #WhySection .whyRightBox span .textBox{z-index:0;position:absolute;width:100%;height:70%;opacity:1;border-radius:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;overflow:visible;align-items:flex-end;transition:background-color .5s;background-color:#fff;background-color:var(--SiteColor3)}#AboutPage #WhySection .whyRightBox span .textBox h4{position:absolute;width:70%;height:30%;color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);font-size:clamp(.7em,2vw,1.5em);opacity:1;transition:opacity .5s}#AboutPage #WhySection .whyRightBox span .textBox h4,#AboutPage #WhySection .whyRightBox span .textBox p{font-weight:bolder;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:none}#AboutPage #WhySection .whyRightBox span .textBox p{width:75%;height:80%;margin:0 5%;color:#fff;color:var(--SiteColor3);font-size:clamp(.45em,2vw,.9em);transition:font-size 1s}#AboutPage #WhySection .whyRightBox span:hover .svgBox{background-color:#000;background-color:var(--SiteColor1);transition:background-color .5s}#AboutPage #WhySection .whyRightBox span:hover .svgBox svg{fill:#fff;fill:var(--SiteColor3);transition:fill .5s}#AboutPage #WhySection .whyRightBox span:hover .textBox{background-color:#000;background-color:var(--SiteColor1);transition:background-color .5s}#AboutPage #WhySection .whyRightBox span:hover .textBox h4{opacity:0;transition:opacity .5s}#AboutPage #DesignSection{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #DesignSection h1{width:100%;height:15%;font-weight:bolder;color:#fff;color:var(--SiteColor3);display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}#AboutPage #DesignSection .proyectsBox{position:relative;width:95%;height:70%;display:flex;flex-wrap:wrap;grid-gap:2.5%;gap:2.5%}#AboutPage #DesignSection .proyectsBox .proyectBox{position:relative;flex:1 1 200px;border:2px solid #fff;border:2px solid var(--SiteColor3);display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;overflow:hidden;background-color:#101010;background-color:var(--SiteColor2)}#AboutPage #DesignSection .proyectsBox .proyectBox h2{position:relative;color:#fff;color:var(--SiteColor3);font-weight:bolder;font-size:clamp(1em,2vw,2em);padding:0 5%;text-align:center;pointer-events:none}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox{width:90%;height:10%}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox,#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox button{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:space-around}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox button{width:40%;height:70%;background-color:#fff;background-color:var(--SiteColor3);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1)}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox button p{color:#000;color:var(--SiteColor1);font-weight:bolder}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox button svg{height:60%;width:auto;fill:#000;fill:var(--SiteColor1)}#AboutPage #DesignSection .proyectsBox .proyectBox .logoContainer{position:relative;width:clamp(70px,15vw,150px);height:clamp(70px,15vw,150px);pointer-events:none;background-color:#fff;background-color:var(--SiteColor3);border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-direction:column;opacity:1;transition:opacity .5s}#AboutPage #DesignSection .proyectsBox .proyectBox .logoContainer img{width:90%;height:auto;border-radius:50%}#AboutPage #DesignSection .proyectsBox .proyectBox #BgImg{position:absolute;height:100%;width:500px;opacity:.2;pointer-events:none;z-index:-1}#AboutPage #DesignSection .proyectsBox .proyectBox .proyectDescription{position:absolute;width:80%;height:35%;font-size:1em;overflow:hidden;pointer-events:none;color:#fff;color:var(--SiteColor3);text-align:center;font-weight:bolder;opacity:0;transition:opacity .5s}#AboutPage #DesignSection .proyectsBox .proyectBox:hover .proyectDescription{opacity:1;transition:opacity .5s}#AboutPage #DesignSection .proyectsBox .proyectBox:hover .logoContainer{opacity:0;transition:opacity .5s}#AboutPage #ModelingSection{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row}#AboutPage #ModelingSection .modelingLeftBox{position:relative;width:60%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay{width:100%;height:80%;position:relative}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .modelsContainer{position:relative;width:100%;height:100%;z-index:1;overflow:scroll}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .modelsContainer .bmoModelContainer,#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .modelsContainer .carModelContainer{position:absolute;width:100%;height:100%}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .modelsContainer .bmoModelContainer Canvas,#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .modelsContainer .carModelContainer Canvas{position:relative;background-color:transparent;cursor:pointer;width:100%;height:50%;transition:visibility .5s}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .platformContainer{position:absolute;width:100%;height:20%;bottom:0;z-index:0;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .platformContainer .circle{position:absolute;width:80%;height:70px;border:2px solid #fff;border:2px solid var(--SiteColor3);background-color:grey;border-radius:50%;z-index:1}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .platformContainer .border{position:absolute;top:60px;width:80%;height:50px;border:10px solid #fff;border:10px solid var(--SiteColor3);background-color:#fff;background-color:var(--SiteColor3);border-bottom-right-radius:50%;border-bottom-left-radius:50%;opacity:1;z-index:0}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .controlersBox{position:absolute;top:clamp(20px,5vw,50px);left:clamp(20px,5vw,50px);width:clamp(100px,10vw,200px);height:clamp(40px,2vw,50px);display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;z-index:2}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .controlersBox button{position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;border-radius:0}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .controlersBox button:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .controlersBox button p{position:absolute}#AboutPage #ModelingSection .modelingLeftBox .modelDescription{position:relative;width:95%;height:20%;display:flex;justify-content:center;align-items:center;flex-direction:column}#AboutPage #ModelingSection .modelingLeftBox .modelDescription p{position:absolute;font-weight:lighter;color:#fff;color:var(--SiteColor3);text-align:center;font-size:clamp(.2em,2vw,.7em);opacity:0}#AboutPage #ModelingSection .modelingRightBox{width:40%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;grid-gap:20px;gap:20px}#AboutPage #ModelingSection .modelingRightBox h1{text-align:center;font-weight:bolder;color:#fff;color:var(--SiteColor3);width:100%;height:10%}#AboutPage #ModelingSection .modelingRightBox p{font-weight:bolder;color:#fff;color:var(--SiteColor3);text-align:center;width:90%;height:25%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0 5%;font-size:clamp(.47em,2vw,1em)}#AboutPage #ModelingSection .modelingRightBox ul{width:60%;height:20%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#AboutPage #ModelingSection .modelingRightBox ul li{list-style:none;position:relative;width:clamp(125px,20vw,200px);height:clamp(45px,10vw,70px);border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);font-weight:bolder;border-radius:5px;font-size:clamp(.7em,2vw,1.2em);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:30%}#AboutPage #ModelingSection .modelingRightBox ul li:hover{box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:-webkit-text-stroke .5s,background-color .5s,color .5s,box-shadow .5s}#AboutPage #ModelingSection .modelingRightBox ul .toggled,#AboutPage #ModelingSection .modelingRightBox ul li:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1)}#AboutPage .TopArrowCircle{position:fixed;top:8%;right:10%;width:clamp(40px,4vw,60px);height:clamp(40px,4vw,60px);border-radius:50%;background-color:#fff;background-color:var(--SiteColor3);display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:1;cursor:pointer;border:2px solid #2cedd0;border:2px solid var(--SwitchBlue);transition:background-color .5s}#AboutPage .TopArrowCircle .arrow{margin-top:10%;position:absolute;border:1px solid #000;border:1px solid var(--SiteColor1);border-width:0 7px 7px 0;display:inline-block;padding:7px;transform:rotate(-135deg);transition:border .5s}#AboutPage .TopArrowCircle:hover{background-color:#000;background-color:var(--SiteColor1);transition:background-color .5s}#AboutPage .TopArrowCircle:hover .arrow{border:1px solid #fff;border:1px solid var(--SiteColor3);border-width:0 7px 7px 0;display:inline-block;padding:7px;transition:border .5s}.NavBar{position:fixed;top:0;right:0;width:300px;height:100vh;align-items:center;background-color:#000;background-color:var(--SiteColor1);align-items:flex-start;z-index:10;overflow:visible;transform:translateX(220px);transition:transform .5s}.NavBar,.NavBar .NavTitle{display:flex;justify-content:center;flex-direction:column;justify-content:space-around}.NavBar .NavTitle{position:relative;width:100%;background-color:rgba(40,39,39,.584);height:10%;align-items:center;flex-direction:row}.NavBar .NavTitle .Burguer{position:relative;width:50px;height:50px;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly;visibility:visible;cursor:pointer;z-index:1;border-radius:50%;border:1px solid transparent;transition:border .5s}.NavBar .NavTitle .Burguer span{position:relative;width:70%;height:3px;background-color:#fff;background-color:var(--SiteColor3);box-shadow:0 0 5px #fff;box-shadow:0 0 5px var(--SiteColor3);transition:width .9s,transform .7s}.NavBar .NavTitle .Burguer #line1{margin-right:10%;width:45%}.NavBar .NavTitle .Burguer #line3{margin-left:5%;width:40%}.NavBar .NavTitle .BToggled #line1{transform:translate(12px,6px) rotate(225deg);transition:transform .45s;transition-delay:.2s}.NavBar .NavTitle .BToggled #line2{transition:width .1s}.NavBar .NavTitle .BToggled #line3{transform:translate(9px,-6px) rotate(-225deg);transition:transform .45s;transition-delay:.2s}.NavBar .NavTitle .NavLogo{position:relative;height:100%;width:60%;display:flex;justify-content:center;align-items:center;flex-direction:column}.NavBar .NavTitle .NavLogo svg{height:40%;fill:#fff;fill:var(--SiteColor3);width:auto}.NavBar .NavTitle .NavLogo svg path{stroke:#fff;stroke:var(--SiteColor3)}.NavBar ul{z-index:0;height:85%;justify-content:center;align-items:center;justify-content:flex-start;align-items:flex-start;grid-gap:30px;gap:30px}.NavBar ul,.NavBar ul li{position:relative;width:100%;display:flex;flex-direction:column}.NavBar ul li{background-color:transparent;transition:background-color .5s;height:80px;list-style:none;cursor:pointer;justify-content:center;align-items:center;flex-direction:row;justify-content:space-evenly}.NavBar ul li:first-child svg,.NavBar ul li:nth-child(2) svg{height:clamp(35%,4vw,50%);width:auto}.NavBar ul li:first-child{margin-top:20px}.NavBar ul li:nth-child(4){margin-top:80px}.NavBar ul li:nth-child(4) svg{height:clamp(35%,4vw,50%);width:auto}.NavBar ul li:hover{transition:background-color .5s;background-color:rgba(40,39,39,.584)}.NavBar ul li:hover:first-child svg{fill:#15b1e1;-webkit-filter:drop-shadow(0 0 2px #15b1e1);filter:drop-shadow(0 0 2px #15b1e1)}.NavBar ul li:hover:nth-child(2) svg{fill:#fff266;-webkit-filter:drop-shadow(0 0 2px #fff266);filter:drop-shadow(0 0 2px #fff266)}.NavBar ul li:hover:nth-child(3) svg{fill:#44e171;-webkit-filter:drop-shadow(0 0 2px #44e171);filter:drop-shadow(0 0 2px #44e171)}.NavBar ul li:hover:nth-child(4) svg{fill:#f2f264;fill:var(--DarkLightColor);-webkit-filter:drop-shadow(0 0 2px #f2f264);-webkit-filter:drop-shadow(0 0 2px var(--DarkLightColor));filter:drop-shadow(0 0 2px #f2f264);filter:drop-shadow(0 0 2px var(--DarkLightColor))}.NavBar ul li:hover:nth-child(5) svg{fill:#fa3232;-webkit-filter:drop-shadow(0 0 1px #fa3232);filter:drop-shadow(0 0 1px #fa3232)}.NavBar ul li:hover svg{transition:fill .5s,-webkit-filter .5s;transition:fill .5s,filter .5s;transition:fill .5s,filter .5s,-webkit-filter .5s}.NavBar ul li a,.NavBar ul li button,.NavBar ul li Link{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;text-decoration:none;width:100%;height:100%;flex-direction:row;justify-content:space-around}.NavBar ul li a img,.NavBar ul li a svg,.NavBar ul li button img,.NavBar ul li button svg,.NavBar ul li Link img,.NavBar ul li Link svg{height:clamp(40%,4vw,60%);width:auto;fill:#484848;position:relative;transition:fill .5s}.NavBar ul li a img:hover,.NavBar ul li a svg:hover,.NavBar ul li button img:hover,.NavBar ul li button svg:hover,.NavBar ul li Link img:hover,.NavBar ul li Link svg:hover{transition:fill .5s,-webkit-filter .5s;transition:fill .5s,filter .5s;transition:fill .5s,filter .5s,-webkit-filter .5s}.NavBar ul li a .IconsBox,.NavBar ul li button .IconsBox,.NavBar ul li Link .IconsBox{position:relative;height:100%;width:15%;display:flex;justify-content:center;align-items:center;flex-direction:column}.NavBar ul li a .IconsBox img,.NavBar ul li a .IconsBox svg,.NavBar ul li button .IconsBox img,.NavBar ul li button .IconsBox svg,.NavBar ul li Link .IconsBox img,.NavBar ul li Link .IconsBox svg{position:absolute}.NavBar ul li a p,.NavBar ul li button p,.NavBar ul li Link p{position:relative;width:60%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;color:var(--SiteColor3);font-size:20px;font-weight:bolder;align-items:flex-start;padding-left:30px}.NavBar ul li a .langPBox,.NavBar ul li button .langPBox,.NavBar ul li Link .langPBox{position:relative;width:60%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.NavBar ul li a .langPBox p,.NavBar ul li button .langPBox p,.NavBar ul li Link .langPBox p{width:100%;height:100%;position:absolute}.NavBar ul li a .SvgBox,.NavBar ul li button .SvgBox,.NavBar ul li Link .SvgBox{position:absolute;right:40px;height:40px;width:40px;display:flex;justify-content:center;align-items:center;flex-direction:column}.NavBar ul li a .SvgBox img,.NavBar ul li a .SvgBox svg,.NavBar ul li button .SvgBox img,.NavBar ul li button .SvgBox svg,.NavBar ul li Link .SvgBox img,.NavBar ul li Link .SvgBox svg{position:absolute;width:60%;height:60%}.Toggled{transform:translateX(0);transition:transform .5s}#ContactPage{display:flex;flex-wrap:wrap;overflow:visible}#ContactPage .CLeftBox,#ContactPage .CRightBox{flex:1 1 500px;min-height:50%}#ContactPage .CLeftBox{overflow:hidden}#ContactPage .CLeftBox,#ContactPage .CLeftBox .header{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#ContactPage .CLeftBox .header{position:relative;width:90%;height:15%}#ContactPage .CLeftBox .header>*{font-weight:bolder;color:#fff;color:var(--SiteColor3);text-align:center}#ContactPage .CLeftBox .header h2{font-size:clamp(1em,5vw,2.5em)}#ContactPage .CLeftBox .header h3{font-size:clamp(.7em,4vw,2em)}#ContactPage .CLeftBox form{width:90%;height:70%;position:relative;display:flex;flex-wrap:wrap;overflow:hidden;grid-gap:0;gap:0}#ContactPage .CLeftBox form span{position:relative;flex:1 1 500px;overflow:hidden;display:-ms-grid;display:grid;place-items:end center}#ContactPage .CLeftBox form span>*{position:relative;position:absolute;width:90%;border-radius:10px;height:50%}#ContactPage .CLeftBox form span label{font-weight:bolder;color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);z-index:1;pointer-events:none;font-size:clamp(.5em,2vw,1em);display:flex;justify-content:center;align-items:center;flex-direction:column;align-items:flex-start;padding-left:2%;background-color:transparent;transition:color .5s,transform .5s,background-color .5s,-webkit-text-stroke .5s}#ContactPage .CLeftBox form span input,#ContactPage .CLeftBox form span textarea{outline:none;z-index:0;font-size:clamp(.5em,2vw,1em);font-weight:bolder;padding-left:2%;background-color:#fff;background-color:var(--SiteColor3);transition:color .5s,-webkit-text-stroke .5s;color:transparent}#ContactPage .CLeftBox form span input:focus,#ContactPage .CLeftBox form span input:valid,#ContactPage .CLeftBox form span textarea:focus,#ContactPage .CLeftBox form span textarea:valid{transition:color .5s,-webkit-text-stroke .5s;color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1)}#ContactPage .CLeftBox form span input:focus+label,#ContactPage .CLeftBox form span input:valid+label,#ContactPage .CLeftBox form span textarea:focus+label,#ContactPage .CLeftBox form span textarea:valid+label{color:#fff;color:var(--SiteColor3);-webkit-text-stroke:.5px #fff;-webkit-text-stroke:.5px var(--SiteColor3);transform:translateY(-100%);transition:color .5s,transform .5s,background-color .5s,-webkit-text-stroke .5s;background-color:transparent}#ContactPage .CLeftBox form span textarea{resize:none;padding:1.5% 2%}#ContactPage .CLeftBox form span .submitButton{width:clamp(120px,20vw,200px);height:60%;margin-top:5%;border:2px solid #fff;border:2px solid var(--SiteColor3);color:#fff;color:var(--SiteColor3);-webkit-text-stroke:.5px #fff;-webkit-text-stroke:.5px var(--SiteColor3);background-color:transparent;font-weight:bolder;border-radius:5px;font-size:clamp(.6em,2vw,1.2em);transition:background-color .5s,color .5s,box-shadow .5s;box-shadow:0 0 0 transparent;cursor:pointer;display:flex;justify-content:center;align-items:center;flex-direction:column}#ContactPage .CLeftBox form span .submitButton p{position:absolute;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;width:100%;height:100%}#ContactPage .CLeftBox form span .submitButton:hover{background-color:#fff;background-color:var(--SiteColor3);color:#000;color:var(--SiteColor1);-webkit-text-stroke:.5px #000;-webkit-text-stroke:.5px var(--SiteColor1);box-shadow:0 0 10px #fff;box-shadow:0 0 10px var(--SiteColor3);transition:background-color .5s,color .5s,box-shadow .5s}#ContactPage .CLeftBox form span:nth-child(5){align-items:center}#ContactPage .CRightBox{display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-around;overflow:visible;flex-direction:column-reverse}#ContactPage .CRightBox .text{width:90%;height:35%;display:flex;justify-content:center;align-items:center;flex-direction:column;justify-content:space-evenly}#ContactPage .CRightBox .text h2,#ContactPage .CRightBox .text h3{font-weight:bolder;color:#fff;color:var(--SiteColor3);text-align:center}#ContactPage .CRightBox .text h2{font-size:clamp(.5em,2vw,1.2em)}#ContactPage .CRightBox .text h3{font-size:clamp(.8em,3vw,2.3em)}#ContactPage .CRightBox .socialMedia{width:90%;height:clamp(30%,30vw,50%);display:flex;justify-content:center;align-items:center;flex-direction:column;flex-direction:row;justify-content:space-around;transform:rotate(-25deg) skew(30deg);transform-style:preserve-3d}#ContactPage .CRightBox .socialMedia span{position:relative;width:clamp(40px,10vw,95px);height:clamp(35px,10vw,80px);background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer;box-shadow:-15px 15px 10px #fff;box-shadow:-15px 15px 10px var(--SiteColor3);transition:box-shadow .5s}#ContactPage .CRightBox .socialMedia span div{position:absolute;width:100%;height:100%;background-color:rgba(84,82,82,.728);transition:transform .5s,background-color .5s}#ContactPage .CRightBox .socialMedia span .svgBox{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:rgba(84,82,82,.728)}#ContactPage .CRightBox .socialMedia span .svgBox svg{width:70%;height:70%}#ContactPage .CRightBox .socialMedia span:hover{transition:box-shadow .5s}#ContactPage .CRightBox .socialMedia span:hover div{transition:transform .5s,background-color .5s}#ContactPage .CRightBox .socialMedia span:hover div:first-child{transform:translate(15px,-15px)}#ContactPage .CRightBox .socialMedia span:hover div:nth-child(2){transform:translate(30px,-30px)}#ContactPage .CRightBox .socialMedia span:hover div:nth-child(3){transform:translate(45px,-45px)}#ContactPage .CRightBox .socialMedia span:hover div:nth-child(4){transform:translate(60px,-60px)}#ContactPage .CRightBox .socialMedia span:hover div:nth-child(5){transform:translate(75px,-75px)}#ContactPage .CRightBox .socialMedia span:after{position:absolute;bottom:-10px;right:5px;content:"";width:100%;height:10px;background-color:#789;transform:skew(-45deg,0deg)}#ContactPage .CRightBox .socialMedia span:before{position:absolute;content:"";top:5px;left:-10px;height:100%;width:10px;background-color:#789;transform:skew(0deg,-45deg)}#ContactPage .CRightBox .socialMedia .insta{z-index:3}#ContactPage .CRightBox .socialMedia .insta:hover{box-shadow:-15px 15px 10px #ff006f}#ContactPage .CRightBox .socialMedia .insta:hover div:first-child{background-color:rgba(255,0,111,.2)}#ContactPage .CRightBox .socialMedia .insta:hover div:nth-child(2){background-color:rgba(255,0,111,.4)}#ContactPage .CRightBox .socialMedia .insta:hover div:nth-child(3){background-color:rgba(255,0,111,.6)}#ContactPage .CRightBox .socialMedia .insta:hover div:nth-child(4){background-color:rgba(255,0,111,.8)}#ContactPage .CRightBox .socialMedia .insta:hover .svgBox{background-color:#ff006f}#ContactPage .CRightBox .socialMedia .whats{z-index:1}#ContactPage .CRightBox .socialMedia .whats:hover{box-shadow:-15px 15px 10px #49f24f}#ContactPage .CRightBox .socialMedia .whats:hover div:first-child{background-color:rgba(73,242,79,.2)}#ContactPage .CRightBox .socialMedia .whats:hover div:nth-child(2){background-color:rgba(73,242,79,.4)}#ContactPage .CRightBox .socialMedia .whats:hover div:nth-child(3){background-color:rgba(73,242,79,.6)}#ContactPage .CRightBox .socialMedia .whats:hover div:nth-child(4){background-color:rgba(73,242,79,.8)}#ContactPage .CRightBox .socialMedia .whats:hover .svgBox{background-color:#49f24f}#ContactPage .CRightBox .socialMedia .github{z-index:2}#ContactPage .CRightBox .socialMedia .github:hover{box-shadow:-15px 15px 10px #9238ed}#ContactPage .CRightBox .socialMedia .github:hover div:first-child{background-color:rgba(146,56,237,.2)}#ContactPage .CRightBox .socialMedia .github:hover div:nth-child(2){background-color:rgba(146,56,237,.4)}#ContactPage .CRightBox .socialMedia .github:hover div:nth-child(3){background-color:rgba(146,56,237,.6)}#ContactPage .CRightBox .socialMedia .github:hover div:nth-child(4){background-color:rgba(146,56,237,.8)}#ContactPage .CRightBox .socialMedia .github:hover .svgBox{background-color:#9238ed}#ContactPage .CRightBox .socialMedia .face{z-index:0}#ContactPage .CRightBox .socialMedia .face:hover{box-shadow:-15px 15px 10px #2828e8}#ContactPage .CRightBox .socialMedia .face:hover div:first-child{background-color:rgba(40,40,232,.2)}#ContactPage .CRightBox .socialMedia .face:hover div:nth-child(2){background-color:rgba(40,40,232,.4)}#ContactPage .CRightBox .socialMedia .face:hover div:nth-child(3){background-color:rgba(40,40,232,.6)}#ContactPage .CRightBox .socialMedia .face:hover div:nth-child(4){background-color:rgba(40,40,232,.8)}#ContactPage .CRightBox .socialMedia .face:hover .svgBox{background-color:#2828e8}:root{--SiteColor1:#000;--SiteColor2:#101010;--SiteColor3:#fff;--DarkLightColor:#f2f264;--SwitchBlue:#2cedd0}@keyframes Zrotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes Xrotate{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(359deg) rotateY(1turn)}}@keyframes Yrotate{0%{transform:rotateY(0deg)}to{transform:rotateY(359deg)}}@keyframes Orotate{0%{transform:rotateX(-210deg) rotateY(-1turn)}50%{transform:rotateX(120deg) rotateY(270deg)}to{transform:rotateX(-50deg) rotateY(0deg)}}@keyframes HandWriting{0%{fill:transparent;-webkit-filter:drop-shadow(0 0 5px #000);filter:drop-shadow(0 0 5px black)}to{stroke-dashoffset:0;fill:#fff;-webkit-filter:drop-shadow(0 0 3px #fff);filter:drop-shadow(0 0 3px white)}}*{margin:0;padding:0;font-family:"Bungee Hairline",cursive}html{background-color:#101010;background-color:var(--SiteColor2);overflow:hidden}body{position:absolute;width:100vw;height:100vh;display:-ms-grid;display:grid;-ms-grid-columns:1fr 80px;grid-template-columns:1fr 80px;-ms-grid-rows:1fr;grid-template-rows:1fr;grid-template-areas:"App" "Nav"}body .Loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;overflow:hidden;z-index:10}body .Loader,body .Loader .box{display:flex;justify-content:center;align-items:center;flex-direction:column}body .Loader .box{width:max(30%,200px);height:max(30%,200px);margin-bottom:50px}body .Loader .box h1{letter-spacing:3px;font-size:clamp(40px,4vw,100px);text-align:center;text-shadow:0 5px 10px #000;text-shadow:0 5px 10px var(--SiteColor1);font-family:"Dancing Script",cursive;font-weight:bolder}body .Loader .box .AnimBox{position:relative;width:100%;height:70%;display:flex;justify-content:center;align-items:center;flex-direction:column}body .Loader .box .AnimBox .Logo{width:90%;height:auto;overflow:visible}body .Loader .box .AnimBox .Logo path:first-child{stroke-dasharray:1500;stroke-dashoffset:1500;animation-delay:0s;animation:HandWriting 3s linear forwards}body .Loader .box .AnimBox .Logo path:nth-child(2){stroke-dasharray:2000;stroke-dashoffset:2000;animation:HandWriting 3s linear forwards;animation-delay:1s}body .Loader .box .AnimBox .Logo path:nth-child(3){stroke-dasharray:800;stroke-dashoffset:800;animation:HandWriting 1.5s linear forwards;animation-delay:1.5s}body .Loader .MovingBox{position:absolute;top:0;right:5%;width:90%;height:100%;background-color:#a9a9a9;transform:translateX(120%)}body .NavBar{-ms-grid-row:2;-ms-grid-column:1;grid-area:Nav}body .AppContainer{-ms-grid-row:1;-ms-grid-column:1;grid-area:App;position:absolute;width:calc(100% - 80px);height:100%;overflow:hidden;background-color:#101010;background-color:var(--SiteColor2);transition:background-color .5s;-webkit-text-stroke:.5px #fff;-webkit-text-stroke:.5px var(--SiteColor3)}body .AppContainer .BgBalls{position:absolute;z-index:0;width:100%;height:100%;background-color:transparent}body .AppContainer .BgBalls span{background-color:#000;background-color:var(--SiteColor1);position:absolute;opacity:.3}body .AppContainer .BgBalls .ball1{bottom:0;left:0;width:clamp(100px,20vw,200px);height:clamp(100px,20vw,200px)}body .AppContainer .BgBalls .ball2{bottom:0;right:0;width:clamp(180px,20vw,300px);height:clamp(180px,20vw,300px)}body .AppContainer .BgBalls .ball3{top:0;left:0;width:clamp(80px,20vw,250px);height:clamp(80px,20vw,250px)}body .AppContainer .BgBalls .ball4{top:0;right:0;width:clamp(100px,40vw,400px);height:clamp(100px,40vw,400px)}body #AboutPage,body #ContactPage,body #HomePage{position:absolute;width:100%;height:100%;background-color:transparent}@media (max-width:600px){body .AppContainer{width:100vw;height:calc(100% - 70px)}.NavBar{top:calc(100% - 70px);left:0;width:100%;height:70px;transform:translateX(0);flex-direction:row}.NavBar .NavTitle{width:20%;height:100%;display:none}.NavBar .NavTitle .Burguer,.NavBar .NavTitle .NavLogo{display:none}.NavBar ul{position:absolute;height:100%;width:100%;flex-direction:row;justify-content:space-evenly;margin:0;grid-gap:1px;gap:1px}.NavBar ul li{width:20%}.NavBar ul li:first-child,.NavBar ul li:nth-child(4){margin-top:0}.NavBar ul li:nth-child(5){margin-right:0}.NavBar ul li a .langPBox,.NavBar ul li a p,.NavBar ul li button .langPBox,.NavBar ul li button p,.NavBar ul li Link .langPBox,.NavBar ul li Link p{display:none}}@media (max-width:1200px){#HomePage{flex-direction:column}#HomePage .HLeftBox{width:100%;height:55%}#HomePage .HRightBox{width:100%;height:45%}}@media (max-width:950px){#AboutPage{-ms-scroll-snap-type:none;-webkit-scroll-snap-type:none;scroll-snap-type:none}#AboutPage section{scroll-snap-align:start}#AboutPage #CodeSection{flex-direction:column}#AboutPage #CodeSection .CodeTitle{width:100%;height:40%}#AboutPage #CodeSection .CodeTitle .inputBox{height:40%}#AboutPage #CodeSection .allSoftwareBox{width:90%;height:50%}#AboutPage #MedSection .medDataBox{flex-direction:column}#AboutPage #MedSection .medDataBox .medSubjects{width:80%;height:50%}#AboutPage #MedSection .medDataBox .medLinkBox{width:100%;height:40%;flex-direction:row;justify-content:center}#AboutPage #MedSection .medDataBox .medLinkBox .lottieNotesAnim{height:100%;width:50%;align-items:flex-start}#AboutPage #MedSection .medDataBox .medLinkBox button{width:30%;height:60%;margin-right:10%}#AboutPage #XpSection{flex-direction:column}#AboutPage #XpSection .proyectBox{width:100%;height:60%}#AboutPage #XpSection .proyectBox .xpImgContainer{width:95%;height:70%}#AboutPage #XpSection .edXpBar{width:100%;height:40%;align-items:flex-end}#AboutPage #XpSection .edXpBar .bgRectangle{width:85%;height:100%}#AboutPage #XpSection .edXpBar ul{width:85%}#AboutPage #XpSection .edXpBar ul li{flex-direction:row}#AboutPage #XpSection .edXpBar ul li h4{width:70%;height:100%}#AboutPage #XpSection .edXpBar ul li p{width:30%;height:100%}#AboutPage #ModelingSection{flex-direction:column-reverse}#AboutPage #ModelingSection .modelingLeftBox{width:100%;height:50%}#AboutPage #ModelingSection .modelingLeftBox .modelDescription,#AboutPage #ModelingSection .modelingLeftBox .modelDisplay .platformContainer .border{display:none}#AboutPage #ModelingSection .modelingRightBox{width:100%;height:50%}#AboutPage #ModelingSection .modelingRightBox ul{height:30%}#AboutPage #DesignSection .proyectsBox .proyectBox{flex-direction:row}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox{flex-direction:column;width:30%;height:100%}#AboutPage #DesignSection .proyectsBox .proyectBox .buttonsBox button{width:80%;height:30%}#AboutPage #DesignSection .proyectsBox .proyectBox:hover .proyectDescription{opacity:0;transition:opacity .5s}#AboutPage #DesignSection .proyectsBox .proyectBox:hover .logoContainer{opacity:1;transition:opacity .5s}#AboutPage #MusicSection .MusicRightBox{display:none}#AboutPage #MusicSection .MusicLeftBox{width:100%}#AboutPage #MusicSection .MusicLeftBox .imgBox1,#AboutPage #MusicSection .MusicLeftBox .imgBox2{justify-content:center;align-items:center}#AboutPage #MusicSection .MusicLeftBox .imgBox1 h4,#AboutPage #MusicSection .MusicLeftBox .imgBox1 img,#AboutPage #MusicSection .MusicLeftBox .imgBox2 h4,#AboutPage #MusicSection .MusicLeftBox .imgBox2 img{width:auto;height:100%;position:absolute}#AboutPage #MusicSection .MusicLeftBox .imgBox1 img,#AboutPage #MusicSection .MusicLeftBox .imgBox2 img{transition:opacity .5s}#AboutPage #MusicSection .MusicLeftBox .imgBox1:hover img,#AboutPage #MusicSection .MusicLeftBox .imgBox2:hover img{transition:opacity .5s;opacity:0}#AboutPage #LangSection .langDisplay{flex-direction:column}#AboutPage #LangSection .langDisplay .imgBox,#AboutPage #LangSection .langDisplay .textBox{width:100%;height:48%}#AboutPage #WhySection{flex-direction:column}#AboutPage #WhySection .whyLeftBox,#AboutPage #WhySection .whyRightBox{width:100%;height:48%}#AboutPage #WhySection .whyRightBox{overflow:scroll;justify-content:flex-start}#AboutPage #WhySection .whyRightBox span{min-height:150px}#AboutPage #WhySection .whyRightBox span .textBox{height:60%}#AboutPage #WhySection .whyRightBox span .textBox p{width:56%}#ContactPage .CLeftBox form span .submitButton{margin-right:auto;margin-left:5%}#ContactPage .CRightBox{justify-content:space-between}}
/*# sourceMappingURL=main.f6d91a02.chunk.css.map */