@import"https://fonts.googleapis.com/css?family=Open+Sans:300,700";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}#about{margin:0;padding:0}.close-btn{position:absolute;top:20;left:90%;color:#fff;cursor:pointer;transition:all .5s cubic-bezier(.23,1,.32,1)}.close-btn:hover{color:wheat;padding-left:3px}.svg-edu{display:flex}.achievements-list{display:flex;flex-wrap:wrap;justify-content:center}.achievement-card{margin:5px;border-radius:0;width:100%;overflow:hidden;position:relative;cursor:pointer;transform-style:preserve-3d;perspective:1000px;transition:all .5s cubic-bezier(.23,1,.32,1)}.achievement-card:hover{transform:rotateY(10deg) rotateX(10deg) scale(1.05);box-shadow:0 10px 20px #0003}.achievement-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:1}.achievement-card:hover:before{transform:translate(-100%)}.achievement-card:after{content:"";position:absolute;top:0;right:0;width:100%;height:100%;transition:transform .5s cubic-bezier(.23,1,.32,1);z-index:1}.achievement-card:hover:after{transform:translate(100%)}.certification-card{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;font-family:Times New Roman,Times,serif;font-weight:700}.card{overflow:hidden;position:relative;height:160px;width:210px;text-align:center;margin:5px;padding:3px}.card-content{padding:5px 5px 0;margin:0;overflow:visible}.card__side{height:auto;-webkit-transition:all .8s ease;transition:all .8s ease;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:3px;overflow:hidden;-webkit-box-shadow:0 1.5rem 4rem rgba(0,0,0,.15);box-shadow:0 1.5rem 4rem #00000026}.card__side--front-1{background-image:url(/portfolio/assets/certificate_bg-d5f2R32O.png);background-size:cover;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.card__side--back{margin:0;padding:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg);display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.card__side--back-1{background:#fff}.card:hover .card__side--front-1{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.card:hover .card__side--back{-webkit-transform:rotateY(0);transform:rotateY(0)}@media (max-width: 798px){.card{height:180px;width:250px;margin:2px 2px 2px 20px;padding:3px;font-size:12px}.close-btn{position:absolute;top:20;left:80%;color:#fff;cursor:pointer}.svg-edu{display:block}}.about-card-container{font-size:15px;padding:15px;margin-left:0;margin-top:0;text-align:left;display:block;background-color:#000;max-width:100%;height:auto;aspect-ratio:attr(width) / attr(height);background:linear-gradient(0deg,#141414,#00000080);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border:.1px solid rgb(100,100,100);border-radius:10px;transition:.5s all}.about-card-active{font-size:15px;padding:15px;margin-left:0;margin-top:0;text-align:left;display:block;background-color:#000;max-width:100%;height:auto;aspect-ratio:attr(width) / attr(height);background:linear-gradient(0deg,#141414,#00000080);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:.5s all;border:1px solid wheat;border-radius:10px;box-shadow:0 7px 50px 10px #000a;filter:brightness(1.2)}.about-card-container:before{position:fixed;content:"";box-shadow:0 0 100px 40px #ffffff08;top:-10%;left:-100%;transform:rotate(-45deg);height:60rem;transition:.7s all}.about-card-container:hover{border:1px solid wheat;box-shadow:0 7px 50px 10px #000a;filter:brightness(1.3)}.about-card-container:hover:before{filter:brightness(.5);top:-100%;left:200%}.card-item{display:inline;font:monospace;color:#fff;font-size:15px;margin:5px 2px 2px;opacity:.8}.points{color:#fff;font-size:15px;margin-top:5px;opacity:.8}@media screen and (max-width: 798){.about-card-container{font-size:15px;margin-left:0;text-align:left;display:block;background-color:#000;max-width:100%;height:auto;aspect-ratio:attr(width) / attr(height);background:#000;border:.1px solid rgb(100,100,100);border-radius:10px;padding:10px;margin-top:0;margin-bottom:5px}}.skill-container{display:block;font:monospace;position:relative;width:100%;min-height:70vh;margin:10px;padding:10px}.pie-div{flex:7;width:100%;max-width:400px}.pie-div svg{overflow:visible}.pie-info{flex:5;display:flex;width:100%;color:#fff;font-size:15px;margin:15px 35px 0 0;opacity:.8;text-align:left;padding:1rem;max-height:330px;border-radius:10px}@media screen and (max-width: 798px){.pie-div{display:flex;justify-content:center;align-items:center;width:95vw}}.myheader{color:#fff;padding:4px 0;position:sticky;top:0;width:100%;z-index:2}.myheader:hover{opacity:1}.head-container{display:flex;justify-content:space-between;align-items:center;padding:0 2px 0 0}.mynavbar{display:flex;justify-content:space-between;align-items:center;opacity:1;background-color:#0000004d;border-radius:20px;height:40px;width:100%;padding:0 2px 0 0}.navigation-links{list-style:none;display:flex;gap:20px;z-index:100}.navigation-links li{margin:0 10px;cursor:pointer}.navigation-links li .help{display:inline-flex;font-size:14px;margin:5px}.navigation-links a{color:#fff;text-decoration:none;font-size:18px}.navigation-links a:hover{color:wheat}.hamburger-icon{display:none}.scrolled.myheader{position:fixed;top:0;right:0;height:100%;width:auto;display:flex;align-items:center;justify-content:right;z-index:2}.scrolled .head-container{display:flex;flex-direction:column;align-items:center}.scrolled .mynavbar{display:flex;flex-direction:column;align-items:center;margin:0 10px 0 0;height:auto;background-color:transparent}.scrolled .navigation-links{list-style:none;padding:0;display:flex;flex-direction:column;width:50px;overflow:visible;z-index:3}.scrolled .navigation-links li{display:flex;flex-direction:column;margin:30px 0}.scrolled .experience-button{display:flex}.scrolled .navigation-links li .help{order:-1;opacity:0;color:wheat;vertical-align:top;font-size:12px;padding:4px;margin-right:10px;margin-top:0}.scrolled .navigation-links a svg:hover+.help{opacity:1}.scrolled .navigation-links a{display:flex;align-items:right;justify-content:right;text-decoration:none;color:#000;font-size:1.2rem}.navigation-links a svg{background-color:transparent;transition:background-color .5s}.scrolled .navigation-links a svg{background-color:#fffc;border-radius:50%}.scrolled .navigation-links a:hover{color:tan}.light .navigation-links a{color:wheat}.light .navigation-links a svg{background-color:transparent}.light .navigation-links a:hover{color:tan;text-decoration:none}.mobile-navbar{display:none}@media screen and (max-width: 798px){.mynavbar{display:none}.hamburger-icon{display:block;z-index:3;position:fixed;top:0;right:0;margin-right:10px;margin-top:5px;padding:0}.mobile-navbar.open{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:2;background-color:#000000e6}.mobile-navbar.open ul{list-style:none;padding-left:0;padding-right:0}.mobile-navbar.open ul li a{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin:20px 0;width:250px;height:50px;border-radius:15px;background-color:wheat;color:#000}.mobile-navbar.open ul li .nav-resume-link{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;margin:20px 0;width:250px;height:50px;border-radius:15px;background-color:#1a1a1a;color:wheat}.mobile-navbar.open ul li .nav-resume-link:hover{border:1px solid wheat}.mobile-navbar.open div{display:none;display:inline-flex;width:0;margin:10px;padding:0;overflow:hidden;white-space:nowrap;animation:revSlideIn 1s forwards}.mobile-navbar.open ul li .nav-resume-link div{width:auto;animation:revSlideIn 1s forwards}@keyframes revSlideIn{0%{width:0}to{width:70%}}.resume-link-li{justify-content:center;align-items:center;margin:20px 0;width:250px;height:50px;border-radius:15px;background-color:#1a1a1a;color:wheat}}#nav-icon2{width:35px;height:25px;position:relative;margin:15px auto;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer}#nav-icon2 span{display:block;position:absolute;height:5px;width:50%;background:#fff;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out}#nav-icon2 span:nth-child(2n){left:50%;border-radius:0 6px 6px 0}#nav-icon2 span:nth-child(odd){left:0;border-radius:6px 0 0 6px}#nav-icon2 span:nth-child(1),#nav-icon2 span:nth-child(2){top:0}#nav-icon2 span:nth-child(3),#nav-icon2 span:nth-child(4){top:12px}#nav-icon2 span:nth-child(5),#nav-icon2 span:nth-child(6){top:24px}#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-icon2.open span:nth-child(1){left:3px;top:5px}#nav-icon2.open span:nth-child(2){left:calc(50% - 3px);top:5px}#nav-icon2.open span:nth-child(3){left:-50%;opacity:0}#nav-icon2.open span:nth-child(4){left:100%;opacity:0}#nav-icon2.open span:nth-child(5){left:3px;top:21px}#nav-icon2.open span:nth-child(6){left:calc(50% - 3px);top:21px}#home{margin:0;padding:0}.content{position:relative;z-index:1}.marquee{font-family:Times New Roman,Times,serif;margin:0 auto;white-space:nowrap;overflow:hidden;color:#fff;opacity:.9}.marquee span{display:inline-block;color:#fff;font-size:200px;height:60vh;animation:marquee 12s linear infinite;padding:40px;z-index:4;margin-top:55px}.m1{display:inline-block;padding:0 20px 0 0}.m2{animation-delay:14s;padding:0 400px 0 0}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.dg .cr>div{display:flex}.dg .cr>div>.c,.dg .cr>div>.property-name{float:none;clear:none}.dg .cr>div>.property-name{width:100px}.dg .cr>div>.c{display:flex;flex-direction:row-reverse;flex-grow:1;width:100%}.dg .cr>div>.c>.slider{float:none;width:100%;margin-left:0}.dg .cr>div>.c input[type=text]{width:40px;margin-left:6px}.name-intro.imgDiv{display:flex;justify-content:center;align-items:center;position:absolute;width:100%;margin:0;padding:0;z-index:2;overflow:hidden;opacity:1}.main-img{height:90vh;position:fixed;bottom:0}@media screen and (max-width: 798px){#home{height:70vh}.name-container{width:99vw;display:flex;height:50vh}.marquee{text-align:top;flex-direction:column;margin:0;padding:0}.marquee span{display:inline-block;color:#fff;font-size:250px;height:60vh;width:auto;animation:marquee 12s linear infinite;padding:10px 40px 40px;z-index:4;margin-top:20px}.name-intro.imgDiv{position:fixed;display:flex;justify-content:center;align-items:baseline;width:100vw;margin:0;padding:0;z-index:2;overflow:hidden}.main-img{position:relative;width:100vw;margin-top:25vh;height:auto}}#contact{display:flex;flex-wrap:wrap;position:relative;z-index:1}.icon{display:inline-block}.contact-container{flex:1;color:#fff;text-align:right;margin-right:3vw;padding:20px;min-height:70vh;letter-spacing:.05em;font-size:1em;font-weight:300;line-height:1.5}.contact-title{font-size:2.5em;font-weight:500;line-height:1.1;margin:0}.contact-info{display:flex;justify-content:flex-end;align-items:center;margin:1em;text-align:right}.contact-info div{margin:0;width:60px}.contact-info a{color:wheat;text-decoration:none}.contact-info a:hover{color:tan;text-decoration:none}.contact-form{display:flex;justify-content:flex-end;align-items:center;padding:0;text-align:right}.contact-form-f{width:40vw;margin-top:20px}.contact-form-f div{margin:10px 0;color:#fff}.contact-form-f input,.contact-form-f textarea{width:90%;padding:10px;border:1px solid white;border-radius:5px;background-color:transparent;color:#fff}.contact-form-f input::placeholder,.contact-form-f textarea::placeholder{color:#fff;font-family:Arial,Helvetica,sans-serif}.contact-form-f input:focus::placeholder,.contact-form-f textarea:focus::placeholder{color:#000}.contact-form-f textarea{height:150px}.contact-form-f button{padding:10px 20px;border:1px solid transparent;background-color:wheat;color:#000;cursor:pointer}.contact-form-f button:hover{background-color:#000;border:1px solid wheat;color:wheat}.contact-form-f input:focus,.contact-form-f textarea:focus{color:#000;box-shadow:none;background-color:wheat}.contact-form-f button:disabled{background-color:gray;color:#000;border:1px solid transparent;cursor:not-allowed}#alert{height:10px;color:green}.icon img{width:50px;height:50px;margin:20px;border-radius:20%}.link-container{flex:1;width:auto;display:flex;justify-content:center;align-items:center}.mylinks{background-color:#ffffff0d;color:#fff;margin-top:2vh;margin-bottom:2vh;width:100%;height:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 798px){#contact{margin-top:50px}.contact-container{text-align:center;margin:0;padding:0}.contact-info,.contact-form{justify-content:center;text-align:center}.contact-form-f{width:90vw}.contact-form-f input,.contact-form-f textarea{width:90%}.contact-form-f button{width:95%}.icon img{width:30px;height:30px;margin:10px}.link-container,.mylinks{width:100%}}:root{--exp-color-1: white;--exp-color-2: white;--exp-color-3: wheat;--exp-color-4: black}#experience{position:relative;color:var(--exp-color-1);text-align:left;margin:30px;padding:20px;min-height:70vh;background-color:var(--exp-color-4);font-size:1em;font-weight:300;line-height:1.5;letter-spacing:.05em;z-index:1}.exp-title{margin:1em;font-size:2.5em;font-weight:500;text-align:left;line-height:1.1}.xtra{display:inline-block;font-size:small;font-weight:100;padding-left:10px}.exp-timeline{margin:4em auto;position:relative;max-width:46em;background-color:var(--exp-color-4);list-style:none}.exp-timeline:before{background-color:var(--exp-color-1);content:"";margin-left:40px;position:absolute;top:0;left:2em;width:2px;height:100%}.exp-timeline-event{position:relative}.exp-timeline-event:hover .exp-timeline-event-icon{transform:rotate(-45deg);background-color:var(--exp-color-3)}.exp-timeline-event:hover .exp-timeline-event-thumbnail{box-shadow:inset 40em 0 0 0 var(--exp-color-1)}.exp-timeline-event:hover .job-title{color:var(--exp-color-3)}.exp-timeline-event-copy{padding:25px 2em 2em;position:relative;top:-1.875em;left:4em;width:80%}.exp-timeline-event-copy h3{font-size:1.75em}.exp-timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em}.exp-timeline-event-copy strong{font-weight:700}.exp-timeline-event-copy p:not(.exp-timeline-event-thumbnail){padding-bottom:1.2em}.exp-timeline-event-icon{transition:transform .2s ease-in;transform:rotate(45deg);background-color:var(--exp-color-3);outline:10px solid var(--exp-color-4);display:block;margin:.5em .5em .5em -.5em;position:absolute;top:0;left:2em;width:1em;height:1em}.exp-timeline-event-thumbnail{transition:box-shadow .5s ease-in .1s;color:var(--exp-color-4);font-size:.75em;background-color:var(--exp-color-3);box-shadow:inset 0 0 #ef795a;display:inline-block;margin-bottom:1.2em;padding:.25em 1em .2em}@media screen and (max-width: 798px){#experience{color:var(--exp-color-1);text-align:left;margin:0;padding:5px 5px 5px 0;min-height:70vh;width:90%;overflow:hidden}.exp-title{margin:1em;font-size:2.5em;font-weight:500;text-align:left;line-height:1.1}.job-title{margin:0}.xtra{display:inline-block;font-size:small;font-weight:100;padding-left:10px}.exp-timeline{margin:0;padding:0;position:relative;background-color:var(--exp-color-4);list-style:none}.exp-timeline:before{background-color:var(--exp-color-1);content:"";margin-left:0;position:absolute;top:0;left:2em;width:2px;height:100%}.exp-timeline-event{position:relative}.exp-timeline-event h4{margin:0;padding:0}.exp-timeline-event:hover .exp-timeline-event-icon{transform:rotate(-45deg);background-color:var(--exp-color-3)}.exp-timeline-event:hover .exp-timeline-event-thumbnail{box-shadow:inset 40em 0 0 0 var(--exp-color-1)}.exp-timeline-event-copy{padding:25px 0 0;position:relative;top:-1.875em;left:4em}.exp-timeline-event-copy h3{font-size:1.75em}.exp-timeline-event-copy h4{font-size:1.2em;margin-bottom:1.2em}.exp-timeline-event-copy strong{font-weight:700;padding-right:5px}.exp-timeline-event-copy div ul li{display:flex;padding-right:5px;flex-wrap:wrap;list-style:square}.exp-timeline-event-copy p:not(.exp-timeline-event-thumbnail){padding-bottom:1.2em}.exp-timeline-event-icon{transition:transform .2s ease-in;transform:rotate(45deg);background-color:var(--exp-color-3);outline:10px solid var(--exp-color-4);display:block;margin:.5em .5em .5em -.5em;position:absolute;top:0;left:2em;width:1em;height:1em}.exp-timeline-event-thumbnail{transition:box-shadow .5s ease-in .1s;color:var(--exp-color-4);font-size:.75em;background-color:var(--exp-color-3);box-shadow:inset 0 0 #ef795a;display:inline-block;margin-bottom:1.2em;padding:.25em 1em .2em}}:root{font-family:Arial,Helvetica,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:#fff;background-color:#000;transition:background-color 1s;max-width:100%;overflow-x:hidden;margin:0!important;place-items:center;min-width:320px;min-height:100vh;scroll-behavior:smooth}a{font-weight:500;color:wheat;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:wheat}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.background-animation{position:fixed;overflow:hidden;top:0;left:0;width:100vw;height:100vh;z-index:-1;margin:0;padding:0}@media screen and (max-width: 798px){#root{margin:0;padding:2px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#projects{background-color:"transparent"}#projects.focused{background-color:"transparent";color:#fff}.project-wrapper{margin:1em}.project-header{padding:30px 30px 0;text-align:center}.project-header__title{margin:1em;font-size:2.5em;text-align:left;font-weight:500;line-height:1.1}.project-cards{display:flex;flex-wrap:wrap;opacity:1}.project-card{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0 0 50px;z-index:1}.project-card-div{opacity:0;transition:opacity 1.2s}.project-card-div.fadeIn{opacity:1}.project-card.left{flex:1;float:left;display:block;text-align:right}.project-card.right{flex:1;width:100%;height:100%;float:right;display:block;text-align:left}.project-image{width:500px;pointer-events:none;height:auto}.wrapper,.project-card{position:relative;overflow:hidden}.card__year,.card__cometOuter,.card__circle,.card__smallCircle,.card__orangeShine,.card__greenShine,.card__thankyou,.card__outer-year{position:absolute;pointer-events:none}.card__greenShine{background-image:none;background-repeat:no-repeat;background-size:cover;left:20%;top:0;bottom:0;width:400px;z-index:1}.card__thankyou{font-family:Oswald,sans-serif;position:absolute;text-transform:uppercase;font-weight:100;left:33%;bottom:20%;z-index:2;font-size:30px;color:#000;text-align:center}.project-stack{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.project-stack img{padding:10px}.project-title{font-size:1.5em;font-weight:500;line-height:1.1;margin:20px}.project-desc{margin:20px}.project-btns{margin:10px}.project-button{background-color:wheat;color:#000;margin:10px;border:1px solid black}.project-button:hover{background-color:#000;color:wheat}.project-button:after{background-color:#000;color:wheat;border:1px solid wheat}.focused .navigation-links{color:#fff!important}@media screen and (max-width: 798px){.project-cards{display:block;max-width:100%;overflow:hidden}.wrapper img{width:100%}.card__thankyou{left:0;position:inherit}.project-header__title{margin:1em 0 .5em;font-size:2.5em;text-align:left;font-weight:500;line-height:1.1}}