.bg{background-image:url(/static/media/coding_bg.657b22b7.jpg);-webkit-filter:brightness(20%);filter:brightness(20%);height:100%;width:100%;position:absolute;background-size:cover}.home-content,.home-wrapper{height:100vh;position:relative}.home-content{width:100vw;background-size:cover;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center}.home-description,.home-description span{text-align:left;color:#fff;z-index:2;font-family:var(--bodyFont)!important}.home-description{display:block;height:6rem;margin-left:auto;margin-right:auto}.home-description span{color:#e94560}span#Singapore{background-image:linear-gradient(80deg,#ef3340,#f4f9ff);background-size:100%;background-clip:initial;-webkit-background-clip:text;-moz-background-clip:text;-webkit-text-fill-color:transparent;-moz-text-fill-color:transparent}@media only screen and (max-width:600px) and (min-width:300px){.home-description{width:18rem;height:20rem}}.navbar{background-color:rgba(22,33,62,0);width:100%;font-size:2.5rem;margin:0;padding:0;position:absolute;z-index:10;display:flex}.logo{height:2rem;transition:all .5s ease-in-out}.logo:hover{-webkit-transform:scale(1.8) rotate(1turn);transform:scale(1.8) rotate(1turn)}.logoWrapper{width:100%;padding:0 20px}.navbar-li{display:inline-block}.navbar ul{display:flex;justify-content:flex-end}.navbar ul a{padding:0 30px;text-decoration:none;display:block;color:#fff;font-family:var(--headerFont);transition:all .2s ease-in-out;position:relative}.navbar ul a:after,.navbar ul a:before{content:"";position:absolute;bottom:-10px;width:0;height:1px;margin:5px 0 0;transition:all .2s ease-in-out;transition-duration:.3s;opacity:0;background-color:#e94560}.navbar ul a:before{left:50%}.navbar ul a:after{right:50%}.navbar ul a:hover{color:rgba(233,69,96,.9)}.navbar ul a:hover:after,.navbar ul a:hover:before{width:50%;opacity:1}.selectedNav{color:var(--defaultRed)!important}@media only screen and (max-width:600px) and (min-width:300px){.navbar{margin-top:1em;font-size:1.5em}.logoWrapper{display:none;visibility:hidden}.navbar ul a{width:.8em}.navbar ul a:after,.navbar ul a:before{background-color:initial}}.skills-container{display:flex;flex-direction:column;height:100vh;color:#fff;justify-content:center;align-items:center;font-family:var(--headerFont)!important}.skills-wrapper{width:auto;overflow:scroll}.skills-wrapper::-webkit-scrollbar{display:none}.skills-title{display:block;color:#fff;text-align:left;text-transform:uppercase}.tagCloud span{padding:.3em}.jobWrapper div:nth-child(odd),.tagCloud span:nth-child(odd){-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.jobWrapper div:nth-child(2n),.tagCloud span:nth-child(2n){-webkit-animation-name:floatingReverse;animation-name:floatingReverse;-webkit-animation-duration:5s;animation-duration:5s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.duration{font-style:italic}.jobPos{color:var(--yellow)}.title2{margin-top:50px}.jobWrapper{font-size:1.8rem}.jobBox{margin:2rem auto}#box-wrap{background-color:grey}.ul-skills{display:flex}.ul-skills li{padding:20px;list-style:none}@-webkit-keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floating{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(2px);transform:translateY(2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes floatingReverse{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes floatingReverse{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translateY(-2px);transform:translateY(-2px)}to{-webkit-transform:translate(0);transform:translate(0)}}.workWrapper{display:flex;color:#fff;font-size:2em;width:50rem;padding:1em;border-left:2px solid var(--darkRed);margin-left:1.2em}a.projLink{display:block;color:var(--defaultRed);text-decoration:none;position:relative;padding:.01em 0}a.projLink:hover{transition:all var(--transitionTime);color:#f5f5f5}a.projLink:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.1em;background-color:var(--defaultRed);opacity:0;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}a.projLink:focus:after,a.projLink:hover:after{opacity:1;-webkit-transform:translate3d(0,.05em,0);transform:translate3d(0,.05em,0)}.work-title{font-size:4rem;line-height:1em;color:var(--defaultRed)}.work-desc,.work-title{font-family:var(--bodyFont)}.work-desc{font-size:1.5rem}a.buttonLink{border:none;font-size:1rem;color:#fff;text-decoration:none;padding:2px 8px}.buttonLink:hover,a.buttonLink{transition:var(--transitionTime);font-family:var(--codeFont)}.buttonLink:hover{cursor:pointer;box-sizing:border-box;color:var(--yellow)}.buttonLink i{margin-right:10px}.confidentialCodes{font-size:1rem;font-family:var(--codeFont);color:#fff;outline:none;border:none;background:transparent}.confidentialCodes:hover{color:var(--darkRed);cursor:default}.tagSpan{margin:0 10px;padding:2px 10px;border-radius:1em;font-size:1rem;font-family:var(--bodyFont);color:#f5f5f5;outline:none;border:none;background-color:var(--defaultRed)}.tagSpan,.tagSpan:hover{transition:var(--transitionTime)}.tagSpan:hover{cursor:pointer;color:#000;background-color:#fff}.collaborators{display:flex;padding:2px 10px;border-radius:1em;font-size:1rem;font-family:var(--bodyFont);color:#f5f5f5;outline:none;border:none;transition:var(--transitionTime)}.collabHeading{margin-right:10px}.collaborators a{padding:0,20px;text-decoration:none;color:#f5f5f5}.collaborators a:hover{cursor:pointer;color:var(--defaultRed);transition:var(--transitionTime)}@media only screen and (max-width:600px) and (min-width:300px){.collaborators{display:block}.workWrapper{padding:.5em;margin-left:0;width:15rem}.work-title{font-size:2rem;margin-bottom:1em}.work-desc{font-size:1rem}.buttonLink,.tagSpan{font-size:.4em}.tagSpan{margin:.1em .2em}}h3{color:#fff;font-size:3em;font-family:var(--headerFont)}@media only screen and (max-width:600px) and (min-width:300px){h3{margin-left:-.6em}}.contact-container{color:#fff;display:flex;flex-wrap:wrap;height:100%;overflow-y:scroll}.contact-content::-webkit-scrollbar{display:none}.subtitle{color:#a09e9e;width:auto;font-size:1.5rem}form{display:flex;flex-direction:column}.socialIcons{display:flex;flex-wrap:wrap}.socialIcons i{margin-right:1rem;font-size:4rem;color:var(--defaultRed);transition:var(--transitionTime)}.socialIcons i:hover{color:var(--yellow);transition:var(--transitionTime)}.contactTextfield{background-color:var(--darkBlue);border:2px solid var(--defaultRed);margin-top:1em;padding:0 .5em;width:100%;color:#fff;border-radius:10px;font-size:1.5rem;transition:var(--transitionTime)}.contactTextfield::-webkit-input-placeholder{color:#9c9c9c}.contactTextfield::placeholder{color:#9c9c9c}.contactTextfield:active,.contactTextfield:focus{border:2px solid #fff}.textarea{resize:vertical}.submit-btn{background-color:var(--darkBlue);border:3px solid var(--defaultRed);width:20rem;margin-top:1rem;font-size:1.3rem;color:#fff;display:flex;justify-content:center}.submit-btn,.submit-btn:hover{transition:var(--transitionTime)}.submit-btn:hover{background-color:var(--yellow);cursor:pointer;color:#000;font-weight:700;border:3px solid (--defaultRed)}.loadingIndicator{margin-left:1em}@media only screen and (max-width:600px) and (min-width:300px){.socialIcons i{font-size:3em}.subtitle{font-size:1em}.contactTextfield{font-size:1.3rem;width:17rem}.submit-btn{width:10rem;font-size:1em}}:root{--headerFont:"Bebas Neue",cursive;--bodyFont:"Jost",sans-serif;--codeFont:"Fira Code",monospace;--defaultRed:#e94560;--darkRed:#e82e4d;--yellow:#e8c55d;--green:#2ee851;--blue:#3a59e8;--darBlue:#0f3460;--transitionTime:0.4s}*,html{margin:0;padding:0;font-family:"Jost",sans-serif;font-family:var(--bodyFont)}body{background-color:#090913}.title{font-size:3rem}.title,.title2{font-family:"Bebas Neue",cursive;font-family:var(--headerFont)}.title2{font-size:2.4rem}.title3{font-size:1.8rem;font-family:"Bebas Neue",cursive;font-family:var(--headerFont)}::-webkit-scrollbar{width:10px;display:none}::-webkit-scrollbar-track{background-color:var(--darkBlue)}::-webkit-scrollbar-thumb{background:#e94560;background:var(--defaultRed);border-radius:10px}.switch-wrapper{position:relative}.switch-wrapper>div{position:absolute;width:100%}.mainContentWrappers{margin-left:30vw;margin-right:10vw;padding-top:20vh;padding-bottom:20vh}@media only screen and (max-width:600px) and (min-width:300px){.title{font-size:2.5rem}.mainContentWrappers{margin-left:10vw}}
/*# sourceMappingURL=main.8da2ad18.chunk.css.map */