@import url(https://fonts.googleapis.com/css2?family=Fira+Sans:wght@100;200;300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.navbar .logo .nav-txt{color:#b4b4b4;float:left;text-align:center;display:block;padding:15px;font-size:20px;font-weight:900;margin-left:1vw;margin-right:3vw}.navbar{z-index:99;overflow:hidden;background-color:#232323;list-style-type:none;margin:0;padding:0;position:-webkit-sticky;position:sticky;top:0;box-shadow:0 0 10px;display:flex;justify-content:space-between}.navigate{display:flex;align-items:center}.nav-btn{margin-right:15px;float:left;text-align:center;display:block;padding:5px 10px;text-decoration:none}.navbar .nav-txt{font-family:Quicksand;text-decoration:none;color:#fff}.navbar .nav-btn:hover{border-radius:10px;box-shadow:0 0 2px #000;background-color:#8d6a6a;transition:.2s;cursor:pointer}.nav-txt:hover{cursor:pointer}.icons{display:flex;align-items:center;padding-right:50px}.icon{width:25px;height:25px;padding-top:18.9px;padding-bottom:18.9px;padding-left:30px;filter:invert(100%)}.icon:hover{filter:invert(60%);transition:.4s}@media screen and (max-width:750px){.courses-nav{display:none}}@media screen and (max-width:600px){.nav-btn{display:none}}@media screen and (max-width:450px){.icons{padding-right:20px}}.frontpage{position:relative;justify-content:center;background-color:#1c1c1c;height:95vh;margin-top:0;background-attachment:fixed;z-index:-99;flex-direction:column}.frontpage,.frontpage-content{display:flex;align-items:center}.frontpage-content{padding:50px;position:absolute;animation:shrink 1s 3s forwards}@keyframes shrink{0%{transform:scale(1) translateY(0)}to{transform:scale(.7) translateY(-330px)}}.opening-text p{color:#fff;font-family:Poppins,sans-serif;font-size:35px;line-height:45px;opacity:0;animation:appear 1s forwards;animation-delay:1.8s}.photo{width:200px;height:200px;margin-right:30px}.opening-image{box-shadow:0 4px 4px hsla(0,0%,43.1%,.25);border-radius:15px;width:100%;height:100%;opacity:0;animation:appear 1s forwards;animation-delay:1.8s}@keyframes appear{0%{opacity:0}to{opacity:1}}.look-bar{border-radius:5px;bottom:65px;position:absolute;content:"";height:30px;background-color:#7a7070;animation:bar-movement 3s ease forwards;z-index:-1}@keyframes bar-movement{0%{left:95%;width:5%;opacity:0}30%{left:95%;width:5%;opacity:1}60%{left:0;width:5%;opacity:1}to{left:0;width:100%;opacity:1}}.logos{display:flex;opacity:0;animation:appear 1s forwards;animation-delay:4s;padding-right:50px;padding-top:80px}.nus-block{padding-right:70px;display:flex;flex-direction:column}.yjc-block{padding-left:70px}.nus{width:350px}.yjc{width:170px}.year{font-size:20px;font-family:Quicksand;color:#c8c8c8}.year-break{display:block;content:"";margin:3px 0}.short-form{display:none}@media screen and (max-width:800px){.nus-block{padding-right:40px}.yjc-block{padding-left:40px}}@media screen and (max-width:720px){.nus-block{padding-right:10px}.yjc-block{padding-left:10px}.year{font-size:18px}}@media screen and (max-width:600px){.frontpage-content{padding:20px;justify-content:center}.opening-text p{font-size:23px;line-height:28px}.look-bar{bottom:36px;height:20px}.photo{margin-right:20px;width:150px;height:150px}.logos{flex-direction:column;padding-top:0}.nus-block{padding-top:20px;padding-left:70px}.yjc-block{padding-top:20px;padding-left:55px}.nus{padding-left:22px;width:200px}.yjc{width:90px}.long-form{display:none}.short-form{display:inline-block}.year{font-size:15px}.year-break{margin:0}}@media screen and (max-width:400px){.photo{margin-right:20px;width:130px;height:130px}.nus-block{padding-right:0;padding-left:45px}.yjc-block{padding-top:20px;padding-left:45px}}@media screen and (max-width:370px){.photo{margin-right:20px;width:110px;height:110px}.opening-text p{font-size:18px;line-height:22px}.look-bar{bottom:30px}.nus-block{padding-right:0;padding-left:45px}.yjc-block{padding-top:20px;padding-left:45px}}p{margin:0}br{content:"";margin:20px 0}.arrows,br{display:block}.arrows{margin-left:auto;margin-right:auto;position:absolute;width:60px;height:72px;top:10px;transition:all 1s ease}.arrows path{opacity:0;stroke:#8a7d63;fill:transparent;stroke-width:1px}.a1{animation:appear 1s 4s,arrow 2s 3s infinite}.a2{animation:appear 1s 4s,arrow 2s 3.5s infinite}.a3{animation:appear 1s 4s,arrow 2s 4s infinite}@keyframes arrow{0%{opacity:0}40%{opacity:1}80%{opacity:0}to{opacity:0}}.introduction{justify-content:center;background-color:#232323;margin-top:-120px;box-shadow:0 0 10px #000}.intro-content,.introduction{position:relative;display:flex}.intro-content{flex-direction:column;align-items:center;top:80px;color:#f0f0f0;padding-bottom:80px}.intro-title{font-family:Quicksand,Poppins,sans-serif;-webkit-text-decoration:underline solid;text-decoration:underline solid;font-size:40px;font-weight:900;padding-bottom:30px}.intro-para{font-family:Poppins,sans-serif;font-size:20px;padding:0 20px;max-width:50%;text-align:left}.scroll-appear{position:relative;transform:translateY(150px);opacity:0;transition:all 1s ease}.show{transform:translateY(0);opacity:1}.disappear{opacity:0}.experiences{position:relative;display:flex;flex-direction:column;align-items:center;top:40px;color:#f0f0f0;padding-bottom:30px}.exp-title{padding-top:50px;font-family:Quicksand,Poppins,sans-serif;-webkit-text-decoration:underline solid;text-decoration:underline solid;font-size:40px;font-weight:900}.exp-block{display:flex;padding:30px;align-items:center}.exp-texts{align-items:stretch}.exp-name{font-size:30px;font-weight:600;color:#f7f7f7;text-align:left}.exp-desc{font-size:20px;max-width:600px;text-align:left}.pints{height:150px}.mindef,.pints{width:250px;margin-right:30px;border-radius:10px}.mindef{height:166.5px}.stb{width:250px;height:200px;padding-right:30px}.redirect-icon{width:50px;height:50px;padding-top:20px;padding-right:30px;filter:invert(100%)}.redirect-icon:hover{filter:invert(60%);transition:.4s}.projects{position:relative;top:40px;color:#f0f0f0}.image-blocks,.projects{display:flex;flex-direction:column;align-items:center}.projects-title{padding-top:50px;font-family:Quicksand,Poppins,sans-serif;-webkit-text-decoration:underline solid;text-decoration:underline solid;font-size:40px;font-weight:900}.project-block{display:flex;align-items:center;padding:20px}.project-texts{align-items:stretch}.project-name{font-weight:600;font-size:30px;text-align:left}.project-desc{font-size:20px;vertical-align:middle;max-width:600px;text-align:left}.techstack{display:flex;justify-content:center;padding-bottom:15px}.techstack-tag{background-color:#3d3d3d;border-radius:50px;width:-webkit-max-content;width:max-content;height:35px;display:flex;align-items:center;margin:0 7px}.techstack-tag div{font-size:16px;color:#fff;padding:0 18px 4px}.waddlewafflesintro{width:300px;border-radius:25px;margin-right:30px}.intelliexampic,.medisyncui,.robertapp{width:300px;border-radius:10px;margin-right:30px}.utilitybillgif{height:210px}.creditcardgif,.playbay-logo,.utilitybillgif{width:300px;border-radius:25px;margin-right:30px}.courses{position:relative;display:flex;flex-direction:column;align-items:center;top:40px;color:#f0f0f0;padding-bottom:100px}.courses-title{padding-top:50px;font-family:Quicksand,Poppins,sans-serif;-webkit-text-decoration:underline solid;text-decoration:underline solid;font-size:40px;font-weight:900}.courses-para{font-family:Poppins,sans-serif;font-size:20px;padding:0 20px;max-width:50%;text-align:left}.courses-desc{padding-bottom:30px}.courses-block{display:flex;flex-direction:column;justify-content:center;padding:20px}.semester-title{font-size:30px;text-align:center}.courses-list-div{text-align:center;font-size:18px}.courses-list{display:inline-block;text-align:left}@media screen and (max-width:1000px){.intro-para{max-width:80%}.pints{height:108px}.mindef,.pints{width:180px;margin-right:30px}.mindef{height:120px}.stb{width:180px;height:128px;padding-right:30px}.courses-para{max-width:80%}}@media screen and (max-width:950px){.exp-block{flex-direction:column;justify-content:center;align-items:center}.pints{height:168px}.mindef,.pints{width:280px;margin-right:0;margin-bottom:20px}.mindef{height:187px}.stb{width:280px;height:200px;padding-right:0;padding-bottom:20px}.creditcardgif,.intelliexampic,.medisyncui,.playbay-logo,.robertapp,.utilitybillgif,.waddlewafflesintro{margin-right:0;margin-bottom:5px}.redirect-icon{padding-right:10px;padding-left:10px;padding-bottom:20px}.project-block{flex-direction:column;justify-content:center;align-items:center}}@media screen and (max-width:700px){.exp-name{font-size:25px}.exp-desc,.exp-name{max-width:80%;padding-left:10%}.exp-desc{font-size:20px}.project-name{font-size:25px}.project-desc,.project-name{max-width:80%;padding-left:10%}.project-desc{font-size:20px}.courses-list{font-size:17px}}@media screen and (max-width:600px){.opening-text p{font-size:23px;line-height:28px}.photo{margin-right:20px;width:150px;height:150px}.exp-title,.intro-title,.projects-title{font-size:35px}.courses-para,.intro-para{font-size:15px;max-width:80%}.courses-title{font-size:35px}.exp-desc,.project-desc{font-size:18px}.techstack-1{flex-direction:column}.courses-list{font-size:15px}}@media screen and (max-width:450px){.pints{height:90px}.mindef,.pints{width:150px;margin-right:0;margin-bottom:20px}.mindef{height:100px}.stb{width:150px;height:107px;padding-right:0;padding-bottom:20px}.intelliexampic,.medisyncui,.robertapp,.waddlewafflesintro{width:200px}.utilitybillgif{height:140px;width:200px}.creditcardgif,.playbay-logo{width:200px}.redirect-icon{width:40px;height:40px}.semester-title{font-size:25px}.courses-list{font-size:13px}.techstack-2{flex-direction:column}}@media screen and (max-width:400px){.photo{margin-right:20px;width:130px;height:130px}.exp-title,.intro-title,.projects-title{font-size:30px}.courses-para,.intro-para{font-size:15px;max-width:80%}.courses-title{font-size:30px}.semester-title{font-size:20px}}@media screen and (max-width:370px){.opening-text p{font-size:18px;line-height:22px}}.footer{color:#fff;position:relative;background-color:#1c1c1c;display:flex;justify-content:center;align-items:center;font-size:20px;height:100px;box-shadow:0 0 10px #000}
/*# sourceMappingURL=main.a35f95a9.chunk.css.map */