@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&display=swap";:root{font-family:"Roboto Serif",serif;overflow-x:hidden}.abril{font-family:Abril Fatface,serif}body{transition:background-color .3s ease,color .3s ease}*{-webkit-tap-highlight-color:transparent}*:focus{outline:none}:root{--menu-bg: #ffffff;overflow-x:hidden}body.dark{--menu-bg: #1d1919;background-color:#1d1919}.nav-bar{display:flex;justify-content:space-between;width:95%;margin-left:2rem;overflow-x:hidden}.nav-left{display:flex;gap:.5rem;align-items:center}.circle{height:4vh;width:2vw;background-color:#eea304;border-radius:50%}.nav-right{display:flex;align-items:center}a{text-decoration:none;color:#000}.infoLinks{height:5vh;width:7vw;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000}.infoLinks:nth-child(1){display:none}.infoLinks:nth-child(2),.infoLinks:nth-child(3){border-right:1px solid black}.name{font-size:1.3rem}.expert{margin-top:1.1rem;font-size:.8rem;font-weight:200}.toggle{height:4vh;width:3vw;font-size:1.5rem;border:none;background-color:transparent;cursor:pointer;margin-left:.4rem;transition:all 1s ease}body.dark .nav-bar,body.dark a{color:#fff}body.dark .infoLinks:nth-child(2),body.dark .infoLinks:nth-child(3){border-right:1px solid white}body.dark .toggle{color:#fff}.hamburger{display:none;font-size:2rem;background:transparent;border:none;color:inherit;cursor:pointer;z-index:101;transition:all .4s ease-in-out}.menu-open .hamburger{position:fixed;top:1rem;right:1rem;z-index:102}@media (max-width: 525px){.hamburger{display:block;position:absolute;top:1rem;right:1rem;z-index:102}.nav-right{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:var(--menu-bg);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:6rem;margin-right:1rem;gap:2rem;z-index:100;opacity:0;transform:translate(100%);pointer-events:none;transition:opacity .4s ease,transform .4s ease;display:flex}.nav-right.open{display:flex;opacity:1;transform:translate(0);pointer-events:auto}.infoLinks{color:inherit;font-size:1.5rem;font-weight:500;width:40vw;border-right:none}.infoLinks:nth-child(1){display:block;border-right:none;border-bottom:1px solid black;text-align:center}body.dark .infoLinks:nth-child(1){border-bottom:1px solid white;border-right:none}.infoLinks:nth-child(2){border-right:none;border-bottom:1px solid black;text-align:center;padding:0;margin:0;margin-top:-3vh;padding-bottom:1vh}body.dark .infoLinks:nth-child(2){border-right:none;border-bottom:1px solid white}.infoLinks:nth-child(3){border-right:none;text-align:center;padding:0;margin:0;margin-top:-3vh}body.dark .infoLinks:nth-child(3){border-bottom:none;border-right:none}.toggle{position:absolute;top:1.2rem;right:4.5rem;color:inherit;margin:0;width:auto;height:auto}.nav-bar{flex-direction:row;align-items:flex-start;gap:1rem;margin-left:1rem;width:calc(100% - 2rem);overflow-x:hidden}.nav-left{flex-direction:row;align-items:center}.circle{width:6vw;height:3vh}.name{font-size:1.2rem}.expert{font-size:.7rem;margin-bottom:1rem;font-weight:400}}.main-container{display:flex;flex-direction:column;height:100%;width:100%;overflow-x:hidden;font-family:"Roboto Serif",serif}.main{display:flex;width:100%;height:85vh;padding-top:5rem;padding-left:15rem;overflow-x:hidden}.main-left{border-radius:50%}img{border-radius:50%;height:65vh;width:33vw;border:1px solid black;animation:fadeSlideIn 1s ease-out forwards;opacity:0;transform:translateY(20px)}.main-right{display:flex;flex-direction:column;padding-left:3rem;margin-top:-1.5rem}.hello{font-size:6rem;letter-spacing:.15rem;font-weight:700;background:linear-gradient(90deg,#ff8a00,#e52e71);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:fadeSlideIn 1s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes fadeSlideIn{to{opacity:1;transform:translateY(0)}}.about{display:flex;flex-direction:column;width:100%;margin-top:-5.5rem;animation:fadeSlideIn 1s ease-out forwards;opacity:0;transform:translateY(20px)}.bit{font-size:1.5rem}.me{font-size:1.1rem;letter-spacing:.04rem;margin-top:-.6rem}.buttons{margin-top:1.6rem;display:flex;gap:1rem}.infoButton{height:20vh;width:10vw;border-radius:50%;cursor:pointer;border:1px solid black;font-size:1rem;font-weight:500;font-family:"Roboto Serif",serif}.orange{background:linear-gradient(to right,#ff8a00,#e86293);animation:customAnimate 1.2s ease-out forwards}@keyframes customAnimate{0%{transform:translate(300%) rotate(360deg)}to{transform:translate(0) rotate(0)}}.teal{background:linear-gradient(to right,#80d8da,#59c960);animation:customAnimate 1.2s ease-out forwards}body.dark .hello,body.dark .about,body.dark .bit,body.dark .me{color:#fff}body.dark .infoButton{border:1px solid white}@media (max-width: 525px){.main{flex-direction:column;padding-left:0;padding-right:0;margin-left:-1.2rem;padding-top:2rem;min-height:80vh;overflow-x:hidden;padding-bottom:2vh}img{height:40vh;min-width:85vw;margin-left:2.5rem;margin-top:2rem}.main-left{order:2}.main-right{order:1}.hello{font-size:3rem}.about{margin-top:-2rem}.bit{font-size:1.2rem}.me{font-size:1rem}.buttons{margin-top:1rem;gap:.8rem}.infoButton{height:15vh;width:30vw}.orange{animation:customAnimate 1s ease-out forwards}@keyframes customAnimate{0%{transform:translate(300%) rotate(360deg)}to{transform:translate(0) rotate(0)}}.teal{animation:customAnimate 1s ease-out forwards}}.footer{display:flex;justify-content:space-between;width:95%;margin-left:2rem;border-top:1px solid gray;align-items:center;height:25vh;overflow-x:hidden;font-family:"Roboto Serif",serif}.head,.info,.infoX{margin:0;padding:0;box-sizing:border-box}.head{font-size:1.3rem}.info{font-size:1rem;font-weight:100;margin-top:.7rem}.infoX{font-size:1.3rem;margin-top:.2rem}.discord{display:flex;flex-direction:column}.copyright{margin-top:-1rem}body.dark .head,body.dark .info{color:#fff}@media (max-width: 525px){.footer{flex-direction:column;width:95%;margin-left:0;justify-content:space-between;align-items:flex-start;min-height:40vh;padding-top:3rem;padding-left:1rem;overflow-x:hidden}.infoX{margin-top:1rem}.info{font-weight:300}}.resume{display:flex;flex-direction:column;width:100%;margin-left:1rem;min-height:85vh;padding-top:4rem}.heading{width:75%;margin-left:10rem}.resume-head{font-size:2.5rem;padding-bottom:1.5rem}.work{width:95%;min-height:70vh;margin-left:2rem;display:flex;border-bottom:1px solid gray}.education{width:95%;min-height:45vh;margin-left:2rem;display:flex;padding-top:3rem;border-bottom:1px solid gray}.skills{width:95%;min-height:30vh;margin-left:2rem;display:flex;padding-top:5rem}.skills .info-head{width:25%}.info-left{width:30%;padding-left:8rem}.info-head{width:20%;letter-spacing:.1rem;line-height:2rem;padding-right:8rem;margin-top:.5rem}.info-right{width:70%;display:flex;flex-direction:column;padding-right:5rem;padding-left:12rem}.info-detail{display:flex;margin-bottom:1rem}.work .info-detail:last-child{margin-bottom:3rem}.education .info-right .info-detail:last-child{padding-bottom:2rem}.info-time{width:30%}.info-period{font-size:1.1rem;font-weight:100}.info-desc{width:70%;margin:0;padding:0;margin-left:-2rem}.info-title{font-size:1.3rem;margin-top:1rem;padding:0;display:flex;gap:.5vw}.info-done{margin-top:-1rem;font-size:1.1rem;font-weight:100}.skills .info-left .info-head{margin-top:-1rem;width:40%}.skills .info-right{padding-left:16rem;width:60%;padding-right:0}.skills .info-done li{line-height:1.7rem;margin-bottom:1rem}.skills .info-right .info-detail:nth-child(1){padding-bottom:3rem}.jobTitle{font-size:1rem;font-weight:400;padding-top:.3vh}body.dark .resume{color:#fff}@media (max-width: 525px){.resume{margin:0;padding:0}.heading{width:80%;margin:0;padding:0;padding-left:1rem}.resume-head{font-size:2rem;padding-bottom:.5rem}.work{width:95%;min-height:70vh;display:flex;flex-direction:column;margin:0;padding:0;padding-left:1rem;padding-top:.5rem;border-bottom:1px solid gray}.info-title{font-size:1.3rem;margin-top:1rem;padding:0;display:flex;gap:1.5vw}.jobTitle{font-size:.85rem;font-weight:400;padding-top:.4vh}.education{width:95%;min-height:50vh;display:flex;flex-direction:column;margin:0;padding:0;padding-left:1rem;padding-top:2.5rem;border-bottom:1px solid gray}.skills{width:95%;min-height:30vh;display:flex;flex-direction:column;margin:0;padding:0;padding-left:1rem;padding-top:3rem}.skills .info-head{width:60%}.info-left{width:30%;margin:0;padding:0}.info-head{width:20%;letter-spacing:.1rem;font-size:1.3rem;line-height:1.5rem;margin:0;padding:0}.info-right{width:100%;display:flex;flex-direction:column;margin:0;padding:0}.info-detail{display:flex;flex-direction:column;margin-bottom:0rem}.info-detail:last-child{margin-bottom:2rem}.education .info-right .info-detail:nth-child(2){padding-bottom:2rem}.info-time{width:100%;margin-top:1.5rem}.info-period{font-size:1rem;font-weight:300}.info-desc{width:100%;margin:0;padding:0;margin-top:-1rem;min-height:10vh}.info-title{font-size:1.2rem;margin-top:1rem;padding:0}.info-done{margin-top:-1rem;font-size:1rem;font-weight:300;line-height:1.5}.skills .info-left .info-head{width:85%;line-height:1.35}.skills .info-right{width:100%;margin:0;padding:0;padding-top:3rem;display:flex;flex-direction:column}.skills .info-right .info-desc{margin:0;padding:0;margin-left:-1rem}.skills .info-done li{margin-bottom:1rem;padding:0}.skills .info-right .info-detail:nth-child(1){padding-bottom:1rem}body.dark .resume{color:#fff}}.contact{display:flex;flex-direction:column;width:95%;margin-left:2rem;min-height:85vh;padding-top:5rem;overflow-x:hidden}.contact-heading{width:75%;margin:0;padding:0;margin-left:10rem;display:flex;flex-direction:column}.contact-head{font-size:2.5rem;margin:0;padding:0;padding-bottom:.8rem}.contact-sub{font-size:1.6rem;font-weight:100;margin:0;padding:0}.contact-details{width:75%;margin:0;padding:0;padding-top:5rem;margin-left:10rem;display:flex}.contact-left{width:50%;padding-left:12rem;border-right:1px solid gray}.contact-details .contact-left .discord{margin-bottom:4rem}.icon{position:relative;margin-right:.5rem;top:.2rem}.contact-details .contact-left .email{margin-bottom:4rem}.contact .contact-left .x .head{margin-bottom:.8rem}.contact .contact-left .x .infoX{padding:0;margin:0;font-weight:100;font-size:1rem}.contact-right{width:50%;padding-left:8rem}.telegram{margin-bottom:2rem}.telegram .bottom{display:flex;gap:1rem}.telegram .divider{font-size:1.3rem;margin-top:.55rem;font-weight:100}.github{margin-bottom:4rem}body.dark{color:#fff}@media (max-width: 525px){.contact{min-height:50vh;margin:0;padding:0;overflow-x:hidden}.contact-heading{width:100%;margin:0;padding:0;padding-left:1rem;padding-top:2rem;display:flex;flex-direction:column}.contact-head{font-size:2rem;margin:0;padding:0;padding-bottom:.8rem}.contact-sub{font-size:1.2rem;font-weight:300;margin:0;padding:0}.contact-details{width:100%;margin:0;padding:0;padding-top:3rem;display:flex;flex-direction:column}.contact-left{width:100%;padding-left:1rem;border:none}.contact-details .contact-left .discord{margin-bottom:3rem}.icon{position:relative;margin-right:.5rem;top:.2rem}.contact-details .contact-left .email,.contact-details .contact-left .x{margin-bottom:3rem}.contact .contact-left .x .head{margin-bottom:.8rem}.contact .contact-left .x .infoX{padding:0;margin:0}.contact-right{width:100%;padding-left:1rem}.telegram{margin-bottom:1.6rem}.github{margin-bottom:4rem}.contact .contact-left .x .infoX{font-weight:300}}