*{box-sizing:border-box;margin:0;padding:0}.header{display:flex;flex-direction:row;width:100%;justify-content:space-around;align-items:center;padding:2rem 0;position:fixed;transition:all .2s ease;top:0}.header h1{transition:scale .1s ease-in-out}.header h1:hover{scale:1.1}.header .h1{color:transparent;background:linear-gradient(45deg,#667eea,#764ba2);background-clip:text;-webkit-background-clip:text;font-size:1.9rem;cursor:pointer;font-weight:700}.header button{display:none}.header .navBorder{width:100%;min-height:1px;display:none}.header .openNav{width:max-content;display:flex;flex-direction:row;column-gap:clamp(.5rem,3vw,2rem)}.header .openNav a{font-size:clamp(.8rem,3vw,1.1rem);color:#e6e2e2;font-weight:500;position:relative}.header .openNav a:before{content:"";position:absolute;bottom:-20%;transition:width .2s ease-in-out;width:0;height:2px;background:linear-gradient(45deg,#667eea,#764ba2)}.header .openNav a:hover:before{width:100%}@media screen and (max-width:785px){.header{justify-content:space-between;padding:0 .5rem}}@media screen and (max-width:425px){.header{flex-direction:column;align-items:start;height:fit-content;padding:.5rem .9rem;row-gap:1rem}.header #head{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:1rem}.header #head button{display:flex;flex-direction:column;gap:6px;background:transparent;border:none;font-size:2rem;color:#fff;cursor:pointer}.header #head button .burger1,.header #head button .burger2,.header #head button .burger3{display:block;width:1.8rem;height:.2rem;background-color:#fff;border-radius:2px;transition:all .2s ease}.header #head button .burger1close{transform:rotate(44deg) translate(-2px);transform-origin:left;display:block;width:1.8rem;height:.2rem;background-color:#fff;border-radius:2px;transition:all .2s ease}.header #head button .burger2close{display:inline-block;width:0;height:.2rem;background-color:#fff;border-radius:2px}.header #head button .burger3close{transform:rotate(-45deg) translate(-1px);transition:all .2s ease;transform-origin:left;display:inline-block;width:1.8rem;height:.2rem;background-color:#fff;border-radius:2px}.header .navBorder{display:inline-block;background:linear-gradient(90deg,#59208f,#9e1897 70%,#a1114d0a 95%);background-position:center;background-size:cover;background-repeat:no-repeat;transition:all .3s ease-in-out}.header .openNav{flex-direction:column;row-gap:1.3rem;width:100%;height:100%;transition:opacity .8s ease-in-out}.header .openNav .openA{font-size:1.1rem;width:fit-content;transition:opacity .4s ease-in-out,transform .3s ease-in-out;transform:translate(0);opacity:1}.header .openBorder{width:0}.header .closeNav{height:0;opacity:0}}.header .closeA{transform:translate(-30%);opacity:0;font-size:1.1rem}.fixed{background:#00000067;transform:translateY(-4px);transition:all .2s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 12px 1px #000;z-index:10}html{scroll-behavior:smooth}#root{width:100%}#root:before,#root:after{content:"";position:fixed;inset:0;width:100%;height:100%;z-index:-1}#root:before{background:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 3px,transparent 150px);background-size:300%;animation:beamShift 170s linear infinite alternate}#root:after{background:repeating-linear-gradient(135deg,rgba(0,138,255,.18) 40px,rgba(0,238,255,.18) 42px,rgba(0,138,255,.18) 42px,transparent 3px,transparent 180px);will-change:filter;animation:beam 20s linear infinite}@keyframes beamShift{0%{background-position:left bottom}to{background-position:right top}}@keyframes beam{0%{filter:brightness(1) hue-rotate(0deg)}30%{filter:brightness(2.5) hue-rotate(30deg)}60%{filter:brightness(1.2) hue-rotate(90deg)}to{filter:brightness(1) hue-rotate(0deg)}}body{display:flex;background:#0a0a0f;background-repeat:no-repeat;background-position:center;background-size:cover;overflow-x:hidden;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}body a{text-decoration:none}#intro{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100vh;color:#fff;gap:2rem}#intro #imgDiv{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:start}#intro #imgDiv #img{width:25rem;max-width:90%;height:auto;border-radius:50%;aspect-ratio:1/1;background-position:center;background-size:cover;box-shadow:0 0 40px 1px #20bbbb;animation:glow 5s ease-in-out infinite,imgGrow 1s ease-out forwards;filter:brightness(1.2)}@keyframes glow{0%{box-shadow:0 0 20px 1px #20bbbb;transform:translateY(-5%)}50%{box-shadow:0 0 70px 1px #7520bb;transform:translateY(5%)}to{box-shadow:0 0 20px 1px #20bbbb;transform:translateY(-5%)}}@keyframes imgGrow{0%{scale:.5;opacity:.5}to{scale:1;opacity:1}}#intro #introDiv{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:end}#intro #introDiv main{display:flex;flex-direction:column;align-items:center;justify-content:center;width:90%}@media screen and (min-width:2210px){#intro #introDiv main{width:50%}}#intro #introDiv main #available{background:#657efc41;padding:.6rem 1.75rem;border:2px solid rgba(130,150,250,.4862745098);border-radius:40px;color:#8296fa;font-size:1rem;font-weight:500;margin-bottom:clamp(1rem,2vw,2rem)}#intro #introDiv main #available span{display:inline-block;width:.8rem;height:.8rem;background-color:#8296fa;border-radius:50%;margin-right:.7rem;animation:beep 3s infinite}@keyframes beep{0%,to{background-color:#8296fa}50%{background-color:#3859ff;box-shadow:0 0 5px 1px #3859ff}}#intro #introDiv #name{font-size:clamp(2rem,12vw,5rem);font-weight:800;text-align:center}#intro #introDiv #name span{margin-top:-20px;background:linear-gradient(135deg,#667eea,#764ba2,#a04782);background-size:200%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:name-anim 5s ease-in-out infinite alternate}@keyframes name-anim{0%{background-position:left}to{background-position:right}}@media screen and (min-width:1441px){#intro #introDiv #name span{display:block}}#intro #introDiv #title{color:#b2b2bb;font-size:clamp(1rem,7vw,1.75rem);font-weight:600;margin:clamp(1.2rem,2vw,1.5rem) 0}#intro #introDiv #description{font-size:1.1rem;color:#a1a1aa;text-wrap:wrap;max-width:450px;text-align:center;line-height:1.5rem;letter-spacing:.4px}#intro #introDiv #location{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#808392;font-size:1.2rem;margin:clamp(.8rem,2vw,1rem) 0;gap:.5rem}#intro #introDiv #location img{width:1.2rem;fill:currentColor}#intro #introDiv #inTouchButton{margin:clamp(1.8rem,2vw,3rem);font-size:clamp(.9rem,5vw,1.4rem);font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.2rem 1.6rem;border-radius:50px;text-align:center;box-shadow:0 0 8px #667eea;cursor:pointer;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}#intro #introDiv #inTouchButton:hover{box-shadow:0 0 15px #667eea;transform:translateY(-5%)}#intro #introDiv #inTouchButton a{color:#fff;text-decoration:none}#intro #introDiv #icons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:2rem}#intro #introDiv #icons .icon{display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;width:3rem;height:3rem;background-color:#8080805b;border:.1rem solid rgba(255,255,255,.418);border-radius:50%;transition:transform .2s ease-out,background-color .2s ease-out,border .2s ease-out}#intro #introDiv #icons .icon:hover{transform:translateY(-15%);background-color:#667eea4b;border:.1rem solid #667eea}#intro #introDiv #icons .icon a{display:flex;flex-direction:row;align-items:center;justify-content:center}#intro #introDiv #icons .icon img{width:50%;height:50%;justify-self:center;place-self:center}@media screen and (max-width:768px){#intro{padding:15% 0}}@media screen and (max-width:1024px){#intro{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:15% 0;height:auto}#intro #imgDiv,#intro #introDiv{display:flex;flex-direction:column;align-items:center;justify-content:center}}#about{display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-margin-top:40vh;width:100%;height:fit-content;margin-top:5%}#about #aboutMe{display:flex;flex-direction:column;align-items:center;justify-content:center}#about #aboutMe h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem}#about #aboutMe #aboutUnder{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#about #aboutPara{width:758px;max-width:90%}#about #aboutPara p{margin:3rem 0;font-size:1.3rem;color:#94949b;text-align:center;line-height:1.8rem;letter-spacing:1px}#skills{scroll-margin-top:40vh;width:100%;place-items:center;margin-top:10%}#skills #skillsTech{display:flex;flex-direction:column;align-items:center;justify-content:center}#skills #skillsTech h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;text-align:center}#skills #skillsTech #underline{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#skills #skillsGrid{display:grid;margin-top:4rem;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:clamp(2rem,3vw,4.5rem)}@media screen and (max-width:768px){#skills #skillsGrid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,1fr)}}@media screen and (max-width:425px){#skills #skillsGrid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(8,1fr)}}#skills #skillsGrid .skill{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#4732a308;border:1px solid rgba(255,255,255,.1);padding:2rem 4rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:1rem;transition:border .1s ease,box-shadow .1s ease,scale .2s ease-in}#skills #skillsGrid .skill:hover{border:1px solid rgb(77,62,148);box-shadow:inset 0 0 15px 1px #4d3e94;scale:1.1}#skills #skillsGrid .skill h1{color:#fff;font-size:1.4rem;text-align:center}#skills #skillsGrid .skill span{color:#b3b1b1;border:1px solid rgb(70,69,69);padding:.4rem .9rem;border-radius:10px;font-weight:300;letter-spacing:.6px}.project:nth-child(1){background:linear-gradient(135deg,#754aa1b6 30%,#252525)}.project:nth-child(2){background:linear-gradient(135deg,#047d95b6 30%,#252525)}.project:nth-child(3){background:linear-gradient(135deg,#015298b6 30%,#252525)}#projects{display:flex;flex-direction:column;align-items:center;justify-content:center;scroll-margin-top:40vh;width:100%;gap:4rem;margin-top:10%}#projects #projectsHeader{display:flex;flex-direction:column;align-items:center;justify-content:center}#projects #projectsHeader h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;text-align:center}#projects #projectsHeader #underline{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#projects #projectsContainer{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10rem;flex-wrap:wrap}#projects #projectsContainer .project{display:flex;flex-direction:column;align-items:start;justify-content:start;border-radius:12px;max-width:25rem;height:30rem;padding:2rem;position:relative;overflow:hidden;background-size:200%;background-position:100% 100%;z-index:1;transition:background-size .3s ease-out,box-shadow .1s ease-out}#projects #projectsContainer .project:hover{filter:brightness(1.1);background-size:100%}@media screen and (max-width:425px){#projects #projectsContainer .project{margin:0 5px}}#projects #projectsContainer .project h1{color:#fff;font-size:1.7rem;font-weight:500;letter-spacing:.5px;margin-bottom:1.7rem}#projects #projectsContainer .project p{color:#c7c7d1;letter-spacing:.6px;line-height:23px;margin-bottom:2rem}#projects #projectsContainer .project .technologies{display:flex;flex-direction:row;align-items:start;justify-content:start;gap:1rem;flex-wrap:wrap;margin:auto 0}#projects #projectsContainer .project .technologies span{color:#a5b4fc;background-color:#667eea26;border:1px solid rgba(102,126,234,.3);padding:.4rem 1.2rem;border-radius:18px;font-weight:500;box-shadow:-4px 6px 5px #252525}#projects #projectsContainer .project button{background-color:#667eea26;border:1px solid rgba(102,126,234,.3);padding:.7rem 1rem;border-radius:15px;font-weight:500;font-size:1.3rem;gap:.4rem;box-shadow:-4px 6px 5px #252525;transition:box-shadow .2s ease;cursor:pointer}#projects #projectsContainer .project button:hover{box-shadow:-4px 14px 10px #252525}#projects #projectsContainer .project button a{display:flex;flex-direction:row;align-items:end;justify-content:center;color:#a5b4fc}#projects #projectsContainer .project button img{width:1.6rem;height:1.6rem}#education{width:100%;scroll-margin-top:40vh;place-items:center;margin-top:10%}#education #educationHeader{display:flex;flex-direction:column;align-items:center;justify-content:center}#education #educationHeader h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;text-align:center}#education #educationHeader #underline{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#education #educationDiv{display:flex;flex-direction:row;align-items:center;justify-content:start;margin-top:4rem;gap:2rem;padding:1rem clamp(.9rem,3vw,4rem);margin-left:4px;margin-right:4px;border-radius:15px;background:#0a0e22dc;border:1px solid rgba(128,128,128,.171);width:fit-content;transition:filter .5s ease-out,box-shadow .5s ease}#education #educationDiv:hover{filter:brightness(1.3);box-shadow:0 0 15px #667eea4d}#education #educationDiv:hover #educationImgDiv{transform:rotate(20deg);filter:brightness(1.3)}#education #educationDiv #educationImgDiv{width:fit-content;padding:1rem;background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea;border-radius:20px;transition:transform .5s ease,filter .5s ease}#education #educationDiv #educationImgDiv img{aspect-ratio:1/1;width:3rem}@media screen and (max-width:425px){#education #educationDiv #educationImgDiv img{width:2rem}}#education #educationDiv #educationInfoDiv{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem}#education #educationDiv #educationInfoDiv #student{color:#fff;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}#education #educationDiv #educationInfoDiv #iek{width:100%;color:gray;font-size:1rem}#education #educationDiv #educationInfoDiv #ongoing{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%}#education #educationDiv #educationInfoDiv #ongoing span{display:flex;background:#667eea26;border:1px solid rgba(165,180,252,.5960784314);border-radius:20px;color:#a5b4fc;font-size:clamp(.8rem,3vw,1rem);font-weight:500;padding:clamp(.3rem,3vw,.5rem) clamp(.7rem,3vw,1rem)}#education #educationDiv #educationInfoDiv #ongoing span img{width:1.1rem;aspect-ratio:1/1;margin-right:.5rem}#courses{width:100%;scroll-margin-top:40vh;place-items:center;margin-top:10%}#courses #coursesHeader{display:flex;flex-direction:column;align-items:center;justify-content:center}#courses #coursesHeader h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;text-align:center}#courses #coursesHeader #underline{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#courses #coursesDiv{display:flex;flex-direction:row;align-items:center;justify-content:start;margin-top:4rem;margin-left:4px;margin-right:4px;gap:2rem;padding:1.5rem clamp(2rem,3vw,6.5rem);border-radius:15px;background:#0a0e22dc;border:1px solid rgba(128,128,128,.171);width:fit-content;transition:filter .5s ease-out,box-shadow .5s ease}#courses #coursesDiv:hover{filter:brightness(1.3);box-shadow:0 0 15px #667eea4d}#courses #coursesDiv:hover #coursesImgDiv{transform:rotate(20deg);filter:brightness(1.3)}#courses #coursesDiv #coursesImgDiv{width:fit-content;padding:1rem;background:linear-gradient(135deg,#667eea33,#764ba233);color:#667eea;border-radius:20px;transition:transform .5s ease,filter .5s ease}#courses #coursesDiv #coursesImgDiv img{aspect-ratio:1/1;width:3rem}@media screen and (max-width:425px){#courses #coursesDiv #coursesImgDiv img{width:2rem}}#courses #coursesDiv #coursesInfoDiv{display:flex;flex-direction:column;align-items:center;justify-content:start;gap:1rem}#courses #coursesDiv #coursesInfoDiv #seminar{color:#fff;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}#courses #coursesDiv #coursesInfoDiv #viewClarification{display:flex;flex-direction:row;align-items:center;justify-content:start;width:100%}#courses #coursesDiv #coursesInfoDiv #viewClarification a{background:#667eea26;border:1px solid rgba(165,180,252,.5960784314);border-radius:20px;color:#a5b4fc;font-size:clamp(.8rem,3vw,1rem);font-weight:500;padding:.5rem clamp(.7rem,3vw,1rem);display:flex}#courses #coursesDiv #coursesInfoDiv #viewClarification a img{width:1.1rem;aspect-ratio:1/1;margin-left:.4rem}#getInTouch{scroll-margin-top:40vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10%;flex-grow:1}#getInTouch #getInTouchHeader{display:flex;flex-direction:column;align-items:center;justify-content:center}#getInTouch #getInTouchHeader h1{background:linear-gradient(45deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:3rem;text-align:center}#getInTouch #getInTouchHeader #underline{height:.2rem;background:linear-gradient(45deg,#667eea,#764ba2,#6d1c62);margin-top:1rem}#getInTouch #getInTouchDiv{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:870px;margin-top:4rem;margin-left:4px;margin-right:4px;gap:1.5rem;margin-bottom:3rem}#getInTouch #getInTouchDiv p{color:#a1a1aa;font-size:1.125rem;line-height:1.8;letter-spacing:1px;text-align:center}#getInTouch #getInTouchDiv .getDivs{display:flex;gap:2rem;flex-direction:row;align-items:center;justify-content:start;width:100%;background:linear-gradient(to left,#1d1d1da4 30%,#ffffff28 50%,#0a0e22dc 65%);background-size:300%;background-position:right 100%;background-repeat:no-repeat;border-radius:20px;border:1px solid rgba(128,128,128,.171);padding:1rem clamp(.7rem,3vw,1.7rem);text-decoration:none;transition:background-position .3s linear,box-shadow .5s ease;cursor:pointer}#getInTouch #getInTouchDiv .getDivs:hover{background-position:left 100%;box-shadow:0 0 15px #333}#getInTouch #getInTouchDiv .getDivs:hover span{rotate:10deg}#getInTouch #getInTouchDiv .getDivs span{transition:rotate .4s ease;padding:1rem;border-radius:20px;background:linear-gradient(135deg,#667eea33,#764ba233)}#getInTouch #getInTouchDiv .getDivs span img{aspect-ratio:1/1;width:clamp(2rem,3vw,3rem);display:block}#getInTouch #getInTouchDiv .getDivs div{display:flex;align-items:start;flex-direction:column;justify-content:center}#getInTouch #getInTouchDiv .getDivs div .infoName{font-size:.875rem;font-weight:500;letter-spacing:1px}#getInTouch #getInTouchDiv .getDivs div .infoData{color:#fff;font-weight:500;letter-spacing:1px}#getInTouch #getInTouchDiv #infoButtons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:clamp(1rem,3vw,3rem)}#getInTouch #getInTouchDiv #infoButtons a{text-decoration:none;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.7rem;color:#fff;background:#8080805b;border:.1rem solid rgba(255,255,255,.418);border-radius:30px;padding:18px 30px;cursor:pointer;transition:transform .2s ease-out,background-color .2s ease-out,border .2s ease-out}#getInTouch #getInTouchDiv #infoButtons a:hover{transform:translateY(-15%);background-color:#667eea4b;border:.1rem solid #667eea}#getInTouch #getInTouchDiv #infoButtons a img{aspect-ratio:1/1;width:1.2rem}#getInTouch #getInTouchDiv #resume{margin:clamp(1.8rem,2vw,3rem);display:flex;flex-direction:row;align-items:end;justify-content:center;font-size:clamp(.8rem,5vw,1.2rem);color:#fff;gap:1rem;font-weight:600;letter-spacing:1px;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);padding:1.2rem 0rem;border-radius:50px;text-align:center;border:none;box-shadow:0 0 8px #667eea;cursor:pointer;transition:box-shadow .2s ease-in-out,transform .2s ease-in-out}#getInTouch #getInTouchDiv #resume:hover{box-shadow:0 0 15px #667eea;transform:translateY(-5%)}#getInTouch #getInTouchDiv #resume img{aspect-ratio:1/1;width:1.5rem}footer{width:100%;margin-top:4%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:0;gap:2rem}footer #line{width:90%;background-color:#80808042;height:1px}footer p{display:flex;flex-direction:row;align-items:center;justify-content:center;color:gray;font-size:14px;letter-spacing:1px;padding-bottom:1rem;text-align:center}@media screen and (max-width:330px){footer p{flex-direction:column}}footer p img{aspect-ratio:1/1;width:1.2rem}