@import"https://fonts.googleapis.com/css2?family=Sixtyfour+Convergence&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Rubik+Glitch&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Rubik+Glitch&family=Rubik+Glitch+Pop&display=swap";@import"https://fonts.googleapis.com/css2?family=Fredericka+the+Great&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Rubik+Glitch&family=Rubik+Glitch+Pop&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css?family=Roboto:700,900";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Roboto:wght@400;500;700&family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300,700";@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";html,body{margin:0;padding:0;height:auto;overflow-x:hidden}.scroll-container{display:flex;flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;height:100vh;overflow-x:hidden}.scroll-container>*{scroll-snap-align:start;flex:0 0 100vh}body,html{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}.preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none;overflow:hidden;display:flex;justify-content:center;align-items:center}.preloader-mask{position:absolute;width:100%;height:100%;background-color:#000;display:flex;justify-content:center;align-items:center}.preloader-content{text-align:center;color:#fff;width:90%;max-width:800px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-text{font-size:clamp(3.5rem,12vw,5.5rem);margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,.5);line-height:1.2;height:1.2em;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;font-weight:500}.loading-bar-container{width:100%;max-width:500px;height:1px!important;background-color:#ffffff1a;border-radius:10px;margin:0 auto;overflow:hidden;position:relative;max-width:15vw;box-shadow:0 2px 10px #0003}.loading-bar{height:100%;background:linear-gradient(90deg,#fff,#e0e0e0);border-radius:10px;max-width:15vw;position:relative;overflow:hidden}.loading-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.loading-text{color:#fffc;margin-top:1.5rem;font-size:clamp(.9rem,3vw,1.1rem);font-family:monospace;letter-spacing:1px}.container{overflow:hidden;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;position:relative}.object{width:105%;height:auto;position:absolute;left:-5%;top:-5%;object-fit:contain}#object4{left:10%;width:55%}.as1{animation:slideDown2 0s forwards}.as2{animation:slideDown2 3s forwards}.as3{animation:slideDown1 3s forwards}.as4{animation:slideDown4 6s forwards}.as5,.as6{animation:slideDown2 0s forwards}@keyframes slideDown1{0%{top:1%}to{top:-5%}}@keyframes slideDown2{0%{top:3%}to{top:-5%}}@keyframes slideDown4{0%{top:-40%}to{top:5vw}}@media (max-aspect-ratio: 3/2){.object{height:105vh;width:auto}.container{height:100vh;width:auto}#object4{left:-2%;width:90%}@keyframes slideDown4{0%{top:-40%}to{top:-7vw}}}@media (max-width: 768px){.welcome-text{font-size:clamp(2rem,10vw,3.5rem);margin-bottom:1.5rem}.loading-bar-container{height:6px}.loading-text{margin-top:1rem}}.content-section{padding:20px;text-align:center}.scroll-down-arrow{display:block;position:absolute;bottom:10px;left:50%;transform:translate(-50%);font-size:24px;z-index:10;cursor:pointer;pointer-events:auto;padding:10px;border-radius:50%;color:#fff;animation:bounce 3s infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-10px)}}.bggiver{background:linear-gradient(to bottom,black 95%,transparent 95%)}#object4.as4{animation:slideDown4 6s forwards,float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:transparent;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#97b931,#97b931);border-radius:10px;border:3px solid transparent}::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#97b931,#97b931)}body{scrollbar-color:#97B931 transparent;scrollbar-width:thin}:root{--pistachio: hsl(86, 45%, 54%);--pistachio-dark: hsl(86, 45%, 40%);--pistachio-light: hsl(86, 54%, 70%);--platinum: hsl(0, 0%, 91%);--cultured: hsl(0, 0%, 94%);--white-60: hsla(0, 0%, 100%, .6);--white_50: hsla(0, 0%, 100%, .5);--white_10: hsla(0, 0%, 100%, .1);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%);--gray-dark: hsl(0, 0%, 30%);--gray-light: hsl(0, 0%, 80%);--ff-oswald: "Oswald", sans-serif;--ff-inter: "Inter", sans-serif;--ff-roboto: "Roboto", sans-serif;--transition: all .3s ease}.aboutme-container{display:flex;flex-wrap:wrap;align-items:center}.aboutme-photo{flex:1;display:flex;justify-content:center;align-items:center}.aboutme-photo img{border-radius:50%;width:100%;object-fit:cover}.aboutme-content{flex:2;background-color:var(--white);padding:20px;box-shadow:0 8px 16px #0000001a;margin-left:20px;margin-right:20px;margin-bottom:20px;box-shadow:0 15px 40px #00000014;border-radius:20px}.aboutme-header{display:flex;align-items:center}.aboutme-header img{margin-right:10px}.aboutme-header h1{font-size:1.1rem;font-family:var(--ff-oswald);color:var(--pistachio);font-family:Roboto,sans-serif}.aboutme-info h2{font-family:var(--ff-inter);color:var(--black);margin-top:0;font-size:2rem;font-weight:100;margin-bottom:0;font-family:Roboto,sans-serif}.aboutme-info h3{font-family:var(--ff-inter);color:#000;font-size:2.5rem;font-size:2.9rem;font-weight:700;margin-bottom:15px;font-family:Roboto,sans-serif;font-weight:lighter;color:#fff}.h3style{background-color:#91be55;padding-left:20px;padding-right:20px;border-radius:30px}.aboutme-roles{flex-wrap:wrap;overflow:hidden;display:flex;gap:10px;margin:10px 0}.role{background-color:#fff;color:var(--pistachio);padding:5px 10px;font-size:x-large;transition:all .3s ease;border:2px solid var(--pistachio);font-family:var(--ff-roboto);font-size:1.2rem}@media (max-width: 768px){.aboutme-header{justify-content:center}.aboutme-header>h1{font-size:10px}.aboutme-roles{justify-content:center}.role{font-size:15px}}.role.active{background-color:var(--pistachio);color:#fff}@media (max-width: 768px){.aboutme-info p{font-family:var(--ff-roboto);color:var(--gray-dark);font-size:1.1rem;line-height:1.6;margin:20px 0;opacity:.9}.aboutme-info h2{text-align:center;font-size:26px}.aboutme-info h3{text-align:center;font-size:30px;margin-top:2px;margin-bottom:2px}}.socials-line{border:0;border-top:2px solid var(--pistachio);margin:20px 0}.aboutme-socials{flex-wrap:wrap;overflow:hidden;display:flex;gap:18px}.aboutme-socials a{color:#668b37;text-decoration:none;font-family:var(--ff-roboto)}.aboutme-photo-background{flex:1;display:flex;justify-content:center;align-items:center}@media (max-width: 768px){.aboutme-container{flex-direction:column;align-items:center}.aboutme-photo-background{width:100%;display:flex;justify-content:center}.aboutme-photo{flex:none;width:60%;min-width:230px;margin-bottom:0}.aboutme-content{margin-right:0!important;flex:none;width:80%;margin-left:0}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.btn{position:relative;background-color:#668b37;color:var(--white);font-weight:var(--fw-600);padding:8px 32px;gap:10px;transition:var(--transition-2);margin-bottom:15px}.btn-secondary{--btn-bg: hsl(86, 43%, 38%);border:none}.btn-secondary:is(:hover,:focus){--btn-bg: var(--pistachio)}.btn-secondary{margin-inline:auto}.btn:not(.btn-outline):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid var(--btn-bg, var(--pistachio));transform:translate(5px,5px);transition:var(--transition-2)}.btn:is(:hover,:focus):after{transform:translate(0)}@media (max-width: 1300px){.github-calendar-2022{display:none!important}}.marquee-w{position:relative;display:block;width:100%;height:95px;margin:0 auto;overflow:hidden}.margin-help{margin-top:30px!important}.marquee{position:absolute;display:block;white-space:nowrap;overflow:hidden;min-width:100%;height:100%}.marquee span{opacity:.3;color:#91be55;display:inline-block;font-family:Kanit,sans-serif;font-weight:300;font-style:normal;text-align:center;white-space:nowrap;min-width:100%;height:100%;font-size:80px;animation:marquee 30s linear infinite}.marquee2 span{animation-delay:15s}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.marquee-2 span,.marquee2-2 span{opacity:.8!important;color:#fff!important;margin-top:-20px!important;height:100%;text-shadow:.2vh .2vh .3vh hsl(87,83%,31%)!important;font-size:75px}.color-specific span{opacity:1!important;color:#fff!important;text-shadow:.2vh .2vh .3vh hsl(87,89%,28%)!important;font-family:Kanit,sans-serif;font-weight:400;font-style:normal}*{padding:0;margin:0}.wave{background-image:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTc0LjQ3MDY0IDQ2LjM0NTk0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGRlZnM+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9IndhdmUtZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIwJSIgeTI9IjAlIj4KICAgICAgPHN0b3Agc3R5bGU9InN0b3AtY29sb3I6IzAwMDAzZjsiIG9mZnNldD0iMCIgaWQ9ImRlZXAtb2NlYW4iIC8+CiAgICAgIDxzdG9wIHN0eWxlPSJzdG9wLWNvbG9yOiM0ZTZmZmY7IiBvZmZzZXQ9IjEiIGlkPSJzaGFsbG93LW9jZWFuIiAvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggc3R5bGU9ImZpbGw6dXJsKCN3YXZlLWdyYWRpZW50KTtmaWxsLXJ1bGU6ZXZlbm9kZCIgZD0ibSAwLDExLjM4NDQ4IGMgMCwwIDIxLjEzMzg1MSwxMS4zOTUzMSA0My42MTc2NjEsMTEuMzg0NDEgQyA2Ni4xMDE0NzEsMjIuNzU3OTkgMTA3Ljk2ODU2LDAuMDMyNjIgMTMwLjUwOCw3ZS01IGMgMjIuNTM5NDQsLTAuMDMyNSA0My45NjI2NCwxMS4zODQ0MSA0My45NjI2NCwxMS4zODQ0MSBWIDQ2LjM0NTk0IEggMCBaIiAvPgo8L3N2Zz4=);background-repeat:repeat-x;background-size:500px auto;background-position:bottom;position:absolute;bottom:0%;width:100%;height:200px;animation:wave 5s cubic-bezier(.36,.45,.63,.53) infinite;z-index:1}.wave:nth-of-type(2){opacity:.7;animation:swell 5s ease -1.25s infinite,wave 5s cubic-bezier(.36,.45,.63,.53) -.125s infinite;z-index:0}@keyframes wave{0%{background-position-x:0%}to{background-position-x:-500px}}@keyframes swell{0%,to{background-position:right bottom 10px}50%{background-position:right bottom 0}}.svg-style{position:absolute;width:100%}.svg-text{position:relative}.margin-help{position:relative;opacity:.86}.margin-help:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:73%;background-size:cover;opacity:inherit;z-index:-1}@media (max-width: 480px){.margin-help:before{height:100%}}@keyframes marqueerev{0%{transform:translate(-100%)}to{transform:translate(0)}}.reverse span{padding-left:100%!important;padding-right:0%!important;animation:marqueerev 30s linear infinite!important}.reverse2 span{padding-left:100%!important;padding-right:0%!important;animation:marqueerev 30s linear infinite!important;animation-delay:15s!important}.aboutme-info p{font-family:var(--ff-roboto);color:#505050;font-size:medium;font-size:18px;font-weight:100;opacity:.7;line-height:1.3;margin-top:20px}@media (max-width: 768px){.aboutme-info p{text-align:center;font-size:14px!important}.aboutme-socials{flex-wrap:wrap;overflow:hidden;display:flex;gap:18px;justify-content:center}}._timelineContainer_8l775_5{color:#fff;position:relative;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;padding-bottom:2rem;box-sizing:border-box;line-height:24px;max-width:1200px}@media (min-width: 1700px){._timelineContainer_8l775_5{max-width:1400px}}@media (min-width: 640px){._timelineContainer_8l775_5{padding-bottom:4rem}}._timelineItems_8l775_31{color:#fff;position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-sizing:border-box}@media (min-width: 640px){._timelineItems_8l775_31{margin-top:5rem;flex-direction:row;gap:80px}}._timelineItems2_8l775_50{color:#fff;position:relative;margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;box-sizing:border-box}@media (min-width: 640px){._timelineItems2_8l775_50{margin-top:5rem;flex-direction:row-reverse;gap:80px}}._verticalline_8l775_68{color:#fff;border-right:2px solid hsl(87,70%,41%);border-style:dashed;position:absolute;bottom:0;left:50%;top:0;display:none;transform:translate(-50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);box-sizing:border-box}@media (min-width: 640px){._verticalline_8l775_68{display:block}}._dot_8l775_87{color:#fff;background-color:#111;position:absolute;left:50%;z-index:10;display:none;height:2.4rem;width:1.5rem;transform:translate(-50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);border-radius:9999px;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1);box-sizing:border-box;border:3px solid hsl(87,75%,36%)}._dot_8l775_87:hover{transform:translate(-50%) rotate(0) skew(0) skewY(0) scaleX(1.1) scaleY(1.1)}@media (min-width: 640px){._dot_8l775_87{display:block}}._separatorLine_8l775_115{color:#fff;transform:translateY(-5px);border-bottom:2px solid hsl(87,70%,41%);border-style:dashed;position:absolute;left:25%;right:50%;top:50%;display:none;height:1px;box-sizing:border-box}@media (min-width: 640px){._separatorLine_8l775_115{display:block}}._separatorLine2_8l775_134{color:#fff;border-bottom:2px solid hsl(87,70%,41%);border-style:dashed;position:absolute;transform:translateY(-5px);left:50%;right:25%;top:50%;display:none;height:1px;box-sizing:border-box}@media (min-width: 640px){._separatorLine2_8l775_134{display:block}}._linkContainer_8l775_154{color:#fff;position:relative;display:flex;width:100%;justify-content:center;box-sizing:border-box;text-decoration:none}@media (min-width: 640px){._linkContainer_8l775_154{justify-content:flex-start}}._imageWrapper_8l775_174{color:#fff;position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;box-sizing:border-box;padding-left:0%}@media (min-width: 640px){._imageWrapper_8l775_174{justify-content:flex-start;padding-left:20%}}._imageWrapper2_8l775_192{padding-right:0%;color:#fff;position:relative;display:flex;flex-direction:column;width:100%;justify-content:center;box-sizing:border-box}@media (min-width: 640px){._imageWrapper2_8l775_192{justify-content:flex-end;padding-right:20%}}._image2_8l775_209{color:#fff;position:relative;z-index:10;margin-left:auto;width:100%;max-width:500px;filter:drop-shadow(rgb(255,255,255) 0px 0px 60px);display:block;vertical-align:middle;height:auto;box-sizing:border-box}._image_8l775_174{color:#fff;position:relative;z-index:10;margin-right:auto;width:100%;max-width:500px;filter:drop-shadow(rgb(255,255,255) 0px 0px 60px);display:block;vertical-align:middle;height:auto;box-sizing:border-box}._projectLabel2_8l775_235{color:#fff;background-color:#6eb418;left:60%;top:1.25rem;margin-top:.5rem;display:flex;width:max-content;align-items:center;gap:.25rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition-duration:.2s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);box-sizing:border-box}@media (min-width: 640px){._projectLabel2_8l775_235{position:absolute;transform:translate(-50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);font-size:1rem;line-height:1.5rem}}._projectLabel_8l775_235{color:#fff;background-color:#6eb418;left:40%;top:1.25rem;margin-top:.5rem;display:flex;width:max-content;align-items:center;gap:.25rem;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition-duration:.2s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);box-sizing:border-box}@media (max-width: 640px){._projectLabel_8l775_235,._projectLabel2_8l775_235{align-self:center}}@media (min-width: 640px){._imageWrapper_8l775_174:hover ._projectLabel_8l775_235{transform:translate(-50%,-70px) rotate(0) skew(0) skewY(0) scaleX(1.1) scaleY(1.1)}}@media (min-width: 640px){._imageWrapper2_8l775_192:hover ._projectLabel2_8l775_235{transform:translate(-50%,-70px) rotate(0) skew(0) skewY(0) scaleX(1.1) scaleY(1.1)}}@media (min-width: 640px){._projectLabel_8l775_235{position:absolute;transform:translate(-50%) rotate(0) skew(0) skewY(0) scaleX(1) scaleY(1);font-size:1rem;line-height:1.5rem}}._externalLinkIcon_8l775_306{color:#fff;background-color:#6eb418;display:block;vertical-align:middle;box-sizing:border-box}._projectDetails_8l775_314{padding-left:0%;color:#fff;width:100%;box-sizing:border-box}._projectDetails2_8l775_320{color:#fff;width:100%;box-sizing:border-box}@media (min-width: 768px){._projectDetails_8l775_314,._projectDetails2_8l775_320{margin-left:5%}}@media (min-width: 1237px){._projectDetails2_8l775_320{margin-left:10%}}._projectTitle_8l775_338{font-size:36px;line-height:2.5rem;font-weight:400;color:#0e1802;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}@media (min-width: 768px){._projectTitle_8l775_338{font-size:2.1rem;line-height:3.5rem}}._projectSubtitle_8l775_355{font-size:1rem;line-height:3.5rem;color:#668b37;box-sizing:border-box;font-weight:500;font-size:large;font-family:Roboto,sans-serif}@media (min-width: 768px){._projectSubtitle_8l775_355{font-size:1.55rem!important;line-height:2.75rem!important;font-size:xx-large}}._projectDescription_8l775_374{color:#464646!important;margin:0;text-align:justify;font-size:16px!important;line-height:1.25rem!important;box-sizing:border-box;font-family:Roboto,sans-serif}@media (min-width: 768px){._projectDescription_8l775_374{font-size:1.2rem;line-height:1.7rem;text-align:justify;padding-right:20%}}._projectDescription2_8l775_394{color:#464646!important;margin:0;text-align:justify;font-size:16px!important;line-height:1.25rem!important;box-sizing:border-box;font-family:Roboto,sans-serif}@media (min-width: 768px){._projectDescription2_8l775_394{font-size:1.2rem;line-height:1.7rem;text-align:justify;padding-right:20%}}._techList_8l775_415{margin-top:20px;color:#6eb418;display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;box-sizing:border-box}@media (min-width: 768px){._techList_8l775_415{padding-right:10%}}._techItem_8l775_429{font-weight:bolder;color:#91be55;padding:5px 10px;font-size:.875rem;line-height:1.25rem;box-sizing:border-box;border:2px solid #91BE55;font-family:"Noto Serif",serif;font-weight:700;font-family:Roboto,sans-serif;border-radius:20px}@media (min-width: 768px){._techItem_8l775_429{font-size:1rem;line-height:1.5rem}}._highlightedTechItem_8l775_452{background-color:#91be55!important;color:#fff}._timelineContainer_8l775_5>*:first-child{margin-top:30px}._highlight_8l775_452{font-weight:500;box-sizing:border-box;font-family:Roboto,sans-serif}.inf-scrl__container{display:flex;justify-content:center;align-items:center;flex-direction:column}.inf-scrl__scroll{position:relative;display:flex;width:100%;max-width:1250px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#fff 20%,#fff 80%,transparent)}.inf-scrl__scroll div{white-space:nowrap;animation:inf-scrl__scroll var(--time) linear infinite;animation-delay:calc(var(--time)*-1)}.inf-scrl__scroll div:nth-child(2){animation:inf-scrl__scroll2 var(--time) linear infinite;animation-delay:calc(var(--time)/-2)}@keyframes inf-scrl__scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes inf-scrl__scroll2{0%{transform:translate(0)}to{transform:translate(-200%)}}.inf-scrl__scroll div span{display:inline-flex;letter-spacing:.2em;color:#91be55;padding:5px 10px;border-radius:5px;transition:.5s}@media (min-width: 1024px){.inf-scrl__scroll div span{margin-right:30px;margin-left:30px}}.inf-scrl__scroll div span:hover{transform:translateY(-5px) scale(1.1);cursor:pointer}.skill-icon{opacity:.3;width:80px;height:80px;margin:10px;font-size:80px;transition:.3s ease-in-out}.skill-icon:hover{opacity:.4;color:#91be55}@media (max-width: 1024px){.skill-icon{width:70px;height:70px;font-size:70px}}@media (max-width: 768px){.skill-icon{width:60px;height:60px;font-size:60px;margin:5px}}@media (max-width: 480px){.skill-icon{width:50px;height:50px;font-size:50px}}.holdering{background-color:#91be55}.cards{max-width:1050px!important}@media (max-width: 1500px){.cards{max-width:1100px!important}}@media (max-width: 1200px){.cards{max-width:900px!important}}@media (max-width: 1000px){.cards{max-width:800px!important}}@media (max-width: 900px){.cards{max-width:80%!important}}.contact{position:absolute;top:30px;left:50px;z-index:6;color:#00000080;text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:700;padding:5px 15px;border-radius:20px;background:#0000001a;line-height:1;cursor:pointer;text-shadow:0 1px 0px rgba(255,255,255,.1)}.contact-form{position:absolute;width:100%;height:100%;left:0;top:0;background:#fff;z-index:5;padding:80px 50px;transform:translate3d(-100%,0,0);transition:.3s ease;border-radius:5px}.contact-form.active{transform:translateZ(0)}.contact-form .close{color:#000000b3;position:absolute;right:30px;top:30px}.cards{margin:auto;background:#fefefe;border-radius:5px;overflow:hidden;box-shadow:0 2px 10px #0000001a,3px 5px 20px #0003;width:95%;height:550px;position:relative;display:flex;align-items:flex-end;padding:30px}.cards .card{display:inline-block;margin-right:20px}.cards .card-toggle{z-index:4;position:relative;width:48px;height:48px;border-radius:50%;display:block;text-align:center;line-height:1.8;font-size:24px;cursor:pointer;border:2px solid transparent;transition:.3s ease}.cards .card-toggle.active{color:#fff;border-color:#fff}.cards .card-content{position:absolute;width:100%;height:100%;left:0;top:0;transition:-webkit-clip-path 1s ease;padding:20px 0 0;overflow:hidden;border-radius:5px}.cards .card-content .row{display:table;width:100%;height:100%}.cards .card-content .col{width:50%;height:100%;display:table-cell;transition:.3s ease .3s;transform:translateZ(0);vertical-align:top}.cards .card-content .col h2{font-weight:300;font-size:3em;line-height:1;margin:0 0 20px}.cards .card-content .col h2 strong{font-weight:700;display:block}.cards .card-content .col img{max-width:90%;width:100%}@media (min-width: 768px){.left>p{max-width:868px}.cards{max-width:95%;width:100%;height:350px}.left{padding-right:40px!important;padding-left:65px!important}}@media (max-width: 1200px){.cards{height:450px}}@media (max-width: 768px){.contact{left:20px!important}.card-toggle{top:20px;right:20px;padding:0}}@media (max-width: 550px){.cards{height:535px}}@media (max-width: 370px){.cards{height:635px}}@media (max-width: 370px){.cards{height:690px}}@media (max-width: 290px){.cards{height:760px}}.cards .card-content .col.left{transform:translateZ(0);opacity:0;padding-left:20px;padding-right:20px}.cards .card-content .col.right{transform:translate3d(100px,0,0);opacity:0;padding-left:30px}.cards .card.active .col{transform:translateZ(0);opacity:1}#overview .card-toggle{position:absolute;top:30px;right:30px;opacity:1;color:#fff}form .control{position:relative;margin-bottom:10px;padding-top:20px}form .control label{position:absolute;top:30px;left:0;transition:.3s ease;text-transform:uppercase;font-weight:600;letter-spacing:2px;font-size:14px}form .control.submit{text-align:right}form input,form textarea{width:100%;border:none;border-bottom:1px solid #e3e3e3;outline:none;padding:10px 0}form .filled label,form input:focus+label,form textarea:focus+label{top:0;font-size:12px}form textarea{height:100px}form input[type=submit]{width:auto;background-color:#f06292;padding:10px 40px;color:#fff;border-radius:40px}.left>p{font-family:Rubik,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}#overview .card-content{background-color:#fff;-webkit-clip-path:circle(0% at 91.5% 75px);clip-path:circle(0% at 91.5% 75px)}#overview.active .card-toggle{opacity:0}#overview.active .card-content{-webkit-clip-path:circle(270% at 91.5% 75px);clip-path:circle(270% at 91.5% 75px)}#overview .right{background:url(https://dl.dropboxusercontent.com/u/26808427/cdn/james.png) no-repeat bottom right;background-size:contain}#github .card-content{-webkit-clip-path:circle(0% at 76px 88%);clip-path:circle(0% at 50px 88%);background-color:#85be60;color:#fff}#github.active .card-content{-webkit-clip-path:circle(270% at 76px 88%);clip-path:circle(270% at 50px 88%)}#leetcode .card-content{background-color:#fff;-webkit-clip-path:circle(0% at 150px 88%);clip-path:circle(0% at 150px 88%);background-color:#85be60;color:#fff}#leetcode.active .card-content{-webkit-clip-path:circle(270% at 150px 88%);clip-path:circle(270% at 150px 88%)}#linkedin .card-content{-webkit-clip-path:circle(0% at 220px 88%);clip-path:circle(0% at 220px 88%);background-color:#fff}.card-content>.row>.left>.link-section{color:#fff}#linkedin.active .card-content{-webkit-clip-path:circle(270% at 220px 88%);clip-path:circle(270% at 220px 88%)}#PersonalWebsite .card-content{background-color:#fff;-webkit-clip-path:circle(0% at 292px 88%);clip-path:circle(0% at 292px 88%)}#PersonalWebsite.active .card-content{-webkit-clip-path:circle(270% at 292px 88%);clip-path:circle(270% at 292px 88%)}#github.active>.card-content>.row>.left>.link-section{text-decoration:none;color:#fff;font-weight:800}#leetcode.active>.card-content>.row>.left>.link-section{text-decoration:none;color:#fff;font-weight:800}#overview.active>.card-content>.row>.left>.link-section{text-decoration:none;color:black !;font-weight:800}#linkedin.active>.card-content>.row>.left>.link-section{text-decoration:none;color:#000;font-weight:800}#PersonalWebsite.active>.card-content>.row>.left>.link-section{text-decoration:none;color:#000;font-weight:800}.card-content>.row>.left>.link-section{text-decoration:none;font-weight:800}.icon{color:currentColor;transition:color .3s ease}.icon.white{color:#fff}.icon.black{color:#000}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.card-toggle{animation:bounce 3.5s ease-in-out infinite}.cards .card:nth-child(1){animation-delay:0s}.cards .card:nth-child(2){animation-delay:.1s}.cards .card:nth-child(3){animation-delay:.2s}.cards .card:nth-child(4){animation-delay:.3s}.cards{margin-top:5px!important}.cards2{justify-content:space-between!important;box-shadow:0 2px 10px #0000001a,3px 5px 20px #0000001a;margin-top:10px!important}.browser-buttons{display:flex;gap:8px;padding:10px;flex-direction:row-reverse}.browser-button{width:12px;height:12px;border-radius:50%}.browser-button.close{background-color:#ff5f57}.browser-button.minimize{background-color:#ffbd2e}.browser-button.maximize{background-color:#28c840}@media (max-width: 630px){.hide-on-small-screen>span{display:none!important}.hide-on-small-screen{padding-left:18px!important}}@media (max-width: 400px){.hide-on-small-screen-2>span{display:none!important}.hide-on-small-screen-2{padding-left:18px!important}}@media (max-width: 320px){.hide-on-small-screen-1>span{display:none!important}.hide-on-small-screen-1{padding-left:18px!important}}.tab{background-color:#85be60;border-radius:2px}.tabss{margin-left:-28px}.tab.selected{background-color:#fff;color:#85be60;transition:color .3s ease,transform .3s ease}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}