@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#050505;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}.app__nav{left:0;position:absolute;top:0}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#welcome-name-text{animation:reveal 3s ease-in-out .2s forwards,glow 2.5s linear 2.5s infinite;background:50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom,#fff,#0000,#0000);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Source Sans Pro,sans-serif;font-size:10vw}@keyframes reveal{80%{letter-spacing:8px}to{background-size:300% 300%}}@keyframes glow{40%{text-shadow:0 0 3px #fff}}.bg-image{filter:brightness(.65);height:100%;position:absolute;right:0;top:0;width:100%;z-index:-100}.introduction{align-self:center;color:#fff;font-size:10em;font-weight:bolder}.intro-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}#node{color:#3c873a}#node:hover,.desc{color:#fff}.desc{font-size:3.5rem}#react{color:#61dbfb}#react:hover{color:#fff}#android{color:#a4c639}#android:hover,.skill-for-hover:hover{color:#fff}@media screen and (max-width:1023px){#welcome-name-text{animation:reveal 3s ease-in-out .2s forwards,glow 2.5s linear 2s infinite;background:50% 100%/50% 50% no-repeat radial-gradient(ellipse at bottom,#fff,#0000,#0000);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Source Sans Pro,sans-serif;font-size:15vw}@keyframes reveal{80%{letter-spacing:1.8px}to{background-size:300% 300%}}.bg-image{filter:brightness(.35);height:100%;position:absolute;right:0;top:0;width:100%;z-index:-100}.introduction{align-self:center;color:#fff;font-size:2.2em;font-weight:bolder}.desc{color:#fff;font-size:1.3rem}.intro-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}}.name-anime{animation:name 4s ease-out;z-index:9}@keyframes name{0%{transform:translateY(-50vh)}}.description-anime{animation:descLoading 3s ease-in-out;height:auto;text-align:center}@keyframes descLoading{0%{opacity:0}to{opacity:1}}button{background:#0000;border:0;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5%;outline:none;padding:0;position:relative;text-decoration:none;vertical-align:middle}button.about-me{width:12rem}button.about-me .circle{border-radius:1.625rem;display:block;height:3rem;margin:0;position:relative;width:3rem}button.about-me .circle,button.about-me .circle .icon{background:#fff;transition:all .45s cubic-bezier(.65,0,.076,1)}button.about-me .circle .icon{bottom:0;margin:auto;position:absolute;top:0}button.about-me .circle .icon.arrow{background:none;height:.125rem;left:.625rem;transition:all .45s cubic-bezier(.65,0,.076,1);width:1.125rem}button.about-me .circle .icon.arrow:before{border-right:.125rem solid #000;border-top:.125rem solid #000;content:"";height:.625rem;position:absolute;right:.0625rem;top:-.29rem;transform:rotate(45deg);width:.625rem}button.about-me .button-text{bottom:0;color:#fff;font-weight:700;left:0;line-height:1.6;margin:0 0 0 1.85rem;padding:.75rem 0;position:absolute;right:0;text-align:center;text-transform:uppercase;top:0;transition:all .45s cubic-bezier(.65,0,.076,1)}button:hover .circle{width:100%}button:hover .circle .icon.arrow{background:#000;transform:translate(1rem)}button:hover .button-text{color:#000}.skills_display{align-items:center;box-sizing:border-box;display:flex;height:120px;justify-content:space-evenly;margin-bottom:6%;margin-top:5%;padding:0 20px;width:100vw}.skill_logo{flex-shrink:0;height:120px;object-fit:contain}@media screen and (max-width:1023px){.skills_display{display:none}}.intro-outer-div{text-wrap:normal;align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:row;height:auto;justify-content:space-between;margin-bottom:3%;padding:2%;width:100%}#ending{margin:10px 0}.intro-text{text-wrap:normal;line-height:35px;width:55%}li{margin:10px 0}#profile-pic-setup{align-items:center;background-color:#000;border-radius:50%;display:flex;flex-direction:column;height:420px;justify-content:center;width:420px}#profile-pic-setup:hover{transform:rotate(-180deg)}#profile-pic{align-self:center;width:250px}@media screen and (max-width:1023px){.intro-outer-div{align-items:center;background-color:#fff;border-radius:15px;display:flex;flex-direction:column;height:auto;justify-content:space-evenly;margin-bottom:5%;padding:4%;width:85vw}.intro-text{text-wrap:normal;line-height:35px;width:100%}#profile-pic-setup{align-items:center;background-color:#000;border-radius:50%;display:flex;flex-direction:column;height:220px;justify-content:center;width:220px}#profile-pic{align-self:center;width:120px}#text-about-me{font-size:1.1rem}}#text-about-me{font-size:1.4rem}.noPage-body{align-items:center;color:#fff;display:flex;flex-direction:row;height:100%;justify-content:space-around;padding:5%}#crying-boy{height:auto;width:35%}.noPage-text{align-items:center;display:flex;flex-direction:column;height:25rem;justify-content:center}@media screen and (max-width:1023px){.noPage-body{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center}#crying-boy{align-self:center;height:auto;width:70%}.noPage-text{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:6%;text-align:center}}#detail-body-project{align-content:center;display:flex;flex-direction:column;justify-content:center;margin-top:3%;width:100%}#right-detail{align-self:start;flex-direction:column;height:100%;justify-content:space-between}#right-detail,.top-detail{align-items:center;display:flex}.top-detail{flex-direction:row;justify-content:space-around}.detail-proj-img{align-self:center;border:5px solid #fff;width:45%}#proj-detail-name{color:#fff;font-size:4em;font-weight:700;margin-top:2%;text-align:center}#proj-detail-technologies{align-self:start;color:#fff;font-size:2em;font-weight:700;margin-top:2%;text-align:left}#technology-list{align-self:end;color:#fff;font-size:1.3em;margin-left:2rem}#used-technology{align-content:center;align-self:center;display:flex;flex-direction:column;justify-content:center;margin-top:20%}@media screen and (max-width:1023px){.top-detail{align-items:center;display:flex;flex-direction:column;justify-content:center}#proj-detail-name{font-weight:bolder}#proj-detail-name,#proj-detail-technologies{color:#fff;font-size:2em;margin-top:2%;text-align:center}#proj-detail-technologies{align-self:center;font-weight:700}#used-technology{align-content:center;align-self:center;display:flex;flex-direction:column;justify-content:center;margin-top:20%}#technology-list{align-self:center;color:#fff;font-size:1.5em;margin-left:2rem}.detail-proj-img{align-self:center;border:5px solid #fff;margin-bottom:3%;margin-top:3%;width:85%}#right-detail{align-items:center;align-self:center;display:flex;flex-direction:column;height:100%;justify-content:center}}#detail-description{text-wrap:normal;background-color:#fff;border-radius:15px;color:#000;font-size:2em;height:auto;margin-bottom:5%;margin-top:5%;padding:2%;width:80%}#centerer{align-items:center;display:flex;flex-direction:column;justify-content:center}@media screen and (max-width:1023px){#detail-description{text-wrap:normal;background-color:#fff;border-radius:15px;color:#000;font-size:1.2em;height:auto;margin-bottom:5%;margin-top:10%;padding:3%;width:80%}}.detail-book-img{align-self:center;width:20%}#detail-body-book{display:flex;flex-direction:column;justify-content:center;margin-top:3%;width:100%}.author{color:#fff;font-size:3em;margin-top:2%;text-align:center}@media screen and (max-width:1023px){.author{color:#fff;font-size:1.5em;margin-top:8%;text-align:center}.detail-book-img{align-self:center;width:50%}}.centered{align-items:center;display:flex;flex-direction:column;justify-content:center}.lds-spinner{align-self:center;color:#fff;display:inline-block;height:80px;position:relative;width:80px}.lds-spinner div{animation:lds-spinner 1.2s linear infinite;transform-origin:40px 40px}.lds-spinner div:after{background:#fff;border-radius:20%;content:" ";display:block;height:18px;left:37px;position:absolute;top:3px;width:6px}.lds-spinner div:first-child{animation-delay:-1.1s;transform:rotate(0deg)}.lds-spinner div:nth-child(2){animation-delay:-1s;transform:rotate(30deg)}.lds-spinner div:nth-child(3){animation-delay:-.9s;transform:rotate(60deg)}.lds-spinner div:nth-child(4){animation-delay:-.8s;transform:rotate(90deg)}.lds-spinner div:nth-child(5){animation-delay:-.7s;transform:rotate(120deg)}.lds-spinner div:nth-child(6){animation-delay:-.6s;transform:rotate(150deg)}.lds-spinner div:nth-child(7){animation-delay:-.5s;transform:rotate(180deg)}.lds-spinner div:nth-child(8){animation-delay:-.4s;transform:rotate(210deg)}.lds-spinner div:nth-child(9){animation-delay:-.3s;transform:rotate(240deg)}.lds-spinner div:nth-child(10){animation-delay:-.2s;transform:rotate(270deg)}.lds-spinner div:nth-child(11){animation-delay:-.1s;transform:rotate(300deg)}.lds-spinner div:nth-child(12){animation-delay:0s;transform:rotate(330deg)}@keyframes lds-spinner{0%{opacity:1}to{opacity:0}}.layout-grid{height:auto;width:90%}.layout-wrapper{grid-gap:30px;background-color:initial;display:grid;gap:30px;grid-auto-rows:auto;grid-template-columns:repeat(3,auto);margin-left:6%;margin-right:6%;width:100%}@media screen and (max-width:1023px){.layout-wrapper{background-color:initial;display:grid;grid-template-columns:repeat(1,1fr);height:auto;margin-left:6%;margin-right:6%;max-width:100%}}#card{align-content:center;-webkit-backdrop-filter:brightness(50%);backdrop-filter:brightness(50%);border:5px solid #fff;border-radius:10px;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;padding:10px;text-align:center}.proj-img{align-self:center;height:auto;margin-bottom:1.5rem;width:95%}.proj-img:hover{transform:scale(1.2)}@media screen and (max-width:1023px){#card{align-content:center;border:5px solid #fff;color:#fff;display:flex;flex-direction:column;height:auto;justify-content:center;padding:20px;text-align:center}.proj-img{align-self:center;height:auto;margin-bottom:1rem;width:98%}}@keyframes fade-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}#outer-nav{position:absolute;top:0;z-index:1000}.hamburger{cursor:pointer;display:flex;flex-direction:column;height:18px;justify-content:space-between;left:30px;position:absolute;top:30px;-webkit-user-select:none;user-select:none;width:24px;z-index:1}.hamburger__icon{background:#fff;border-radius:2px;display:inline-block;height:2px;width:24px}.sidebar{flex-direction:column;height:100vh;left:0;padding:0 60px;top:0;transition:transform .4s ease-in-out;width:320px}.sidebar,.sidebar__close{background:#fff;display:flex;position:absolute;transform:translatex(-100%)}.sidebar__close{align-items:center;border-radius:50%;box-shadow:0 0 20px 20px #00000008;cursor:pointer;height:60px;justify-content:center;right:-30px;top:50%;transition:transform .4s ease-in-out .2s;width:60px}.sidebar__close:after,.sidebar__close:before{background:#898989;content:"";display:block;height:2px;position:absolute;width:24px}.sidebar__close:after{transform:rotate(90deg)}.sidebar__menu{color:#898989;display:flex;flex:1 1;flex-direction:column;font-size:36px;justify-content:space-around;margin-bottom:80px;margin-top:80px}.sidebar__menu a{color:currentcolor;text-decoration:none;transform:translatex(-80%);transition:transform .4s ease-in-out}.sidebar__menu a:before{background:#898989;bottom:-2px;content:"";height:2px;left:0;opacity:0;position:absolute;transform:translatex(-50%);transition:transform .4s ease-in-out,opacity .4s linear;width:120px}.sidebar__menu a:hover:before{opacity:1;transform:translatex(0)}.sidebar__menu a:first-child{transition-delay:.05s}.sidebar__menu a:nth-child(2){transition-delay:.1s}.sidebar__menu a:nth-child(3){transition-delay:.15s}.sidebar__menu a:nth-child(4){transition-delay:.2s}.sidebar__menu a:nth-child(5){transition-delay:.25s}.menu-control{display:none}.menu-control:checked+.sidebar{transform:translatex(0)}.menu-control:checked+.sidebar .sidebar__close{transform:translatex(0) rotate(45deg)}.menu-control:checked+.sidebar .sidebar__menu a{transform:translatex(0)}#footer-body{align-items:center;background-color:#fff;display:flex;flex-direction:row;height:auto;justify-content:space-evenly;margin-top:5%}#up-arrow{width:80px}#up-arrow:hover{border:3px solid #000;border-radius:50%}#thank{align-content:center;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;line-height:1.1rem;text-align:center}@media screen and (max-width:1023px){#footer-body{align-items:center;background-color:#fff;height:auto;justify-content:space-between;margin-top:15%;padding:1%}#footer-body,#thank{display:flex;flex-direction:column}#thank{align-content:center;font-size:1rem;justify-content:center;margin-bottom:3%;margin-top:3%;text-align:center}}
/*# sourceMappingURL=main.f55923d2.css.map*/