@import url(https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;background-color:var(--white-pastelle);background-image:linear-gradient(to right,var(--black-pastelle) 1px,transparent 1px),linear-gradient(to bottom,var(--black-pastelle) 1px,transparent 1px);background-size:150px 150px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code grey{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{padding:0;width:2px}::-webkit-scrollbar-thumb{background:linear-gradient(transparent,#f7b433,transparent);height:70px}.projects{align-items:center;color:var(--black-pastelle);display:flex;flex-direction:column;font-size:large;font-weight:600;justify-content:center;margin:16px 0 128px;overflow:hidden;padding:16px;text-align:center}.projects--title{font-family:Bitter,serif}.boxes{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:right;overflow:none}:root{--main-font:"Ubuntu";--black-pastelle:#1d1d1d;--white-pastelle:#f4f4f4;--purple-pastelle:#dcd5fe;--orange-pastelle:#fddeb2;--green-pastelle:#e4f8dd;--red-pastelle:#f9cdcc;--blue-pastelle:#bfecff;--yellow-pastelle:#fff297;--dark-green-pastelle:#95d2b3;--white-solid:#fff}.infobox{background-color:var(--white-solid);border-color:var(--white-pastelle);border-radius:2px;border-style:solid;color:var(--black-pastelle);font-size:x-large;font-weight:600;height:auto;margin:64px 16px;max-width:1200px;padding:16px}.left{border-width:0 0 0 2px;text-align:left}.right{border-width:0 2px 0 0;text-align:right}.infobox-image{border-color:var(--black-pastelle);border-radius:16px;border-style:solid;border-width:1px;margin:16px;max-width:20vh}.image-right{float:right}.image-left{float:left}.experience{color:orange}@media(prefers-reduced-motion){.become-visible{transition:none}}@media screen and (max-width:998px){.project{width:-webkit-min-content!important;width:min-content!important}.project-img{width:80vw!important}}@media (hover:none){.project-link{opacity:1!important}.project-img{-webkit-filter:brightness(.5)!important;filter:brightness(.5)!important}}.project{align-items:center;background-color:var(--white-solid);border-color:var(--black-pastelle);border-style:solid;border-width:2px;box-shadow:var(--black-pastelle) 10px 10px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:64px 0;opacity:0;overflow:hidden;padding:16px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.become-visible-right{-webkit-animation:animate-project-right 1s ease-in-out 0s;animation:animate-project-right 1s ease-in-out 0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:1}.become-visible-left{-webkit-animation:animate-project-left 1s ease-in-out 0s;animation:animate-project-left 1s ease-in-out 0s;-webkit-animation-iteration-count:1;animation-iteration-count:1;opacity:1}.project-text{max-width:420px;padding:0 16px;text-align:center}.project-text>h1{font-family:Bitter,serif;margin:0}.project-text>h4{color:var(--black-pastelle);margin:0}.left{flex-direction:row-reverse}.left,.right{border-width:2px}.img-div{position:relative}.project-img{-webkit-animation:hover-image-reverse .5s ease-in-out;animation:hover-image-reverse .5s ease-in-out;border-color:var(--black-pastelle);border-radius:16px;border-style:solid;border-width:2px;max-width:480px}.project-link-div{display:flex;justify-content:center;left:0;margin-left:auto;margin-right:auto;position:absolute;right:0;top:40%;width:144px}.project-link{-webkit-animation:hover-link-reverse .5s ease-in-out;animation:hover-link-reverse .5s ease-in-out;margin:0 16px;opacity:0}.project-link>img{height:48px;max-width:48px}.img-div:hover>.project-img{-webkit-animation:hover-image .5s ease-in-out;animation:hover-image .5s ease-in-out;-webkit-filter:brightness(.5);filter:brightness(.5)}.img-div:hover>.project-img+.project-link-div>.project-link{-webkit-animation:hover-link .5s ease-in-out;animation:hover-link .5s ease-in-out;opacity:1}.div-right{float:right}.div-left{float:left}.tech-stack-image{background-color:var(--white-solid);border-color:var(--black-pastelle);border-radius:4px;border-style:solid;border-width:2px;box-shadow:var(--black-pastelle) 0 5px;height:auto;margin:0 8px;max-height:32px;padding:4px}.tech-stack{margin:24px 0 0}@-webkit-keyframes hover-link{0%{opacity:0}to{opacity:1}}@keyframes hover-link{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hover-link-reverse{0%{opacity:1}to{opacity:0}}@keyframes hover-link-reverse{0%{opacity:1}to{opacity:0}}@-webkit-keyframes hover-image{0%{-webkit-filter:brightness(1);filter:brightness(1)}to{-webkit-filter:brightness(.5);filter:brightness(.5)}}@keyframes hover-image{0%{-webkit-filter:brightness(1);filter:brightness(1)}to{-webkit-filter:brightness(.5);filter:brightness(.5)}}@-webkit-keyframes hover-image-reverse{0%{-webkit-filter:brightness(.5);filter:brightness(.5)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@keyframes hover-image-reverse{0%{-webkit-filter:brightness(.5);filter:brightness(.5)}to{-webkit-filter:brightness(1);filter:brightness(1)}}@-webkit-keyframes animate-project-right{0%{opacity:0;-webkit-transform:translateX(60vw) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1)}}@keyframes animate-project-right{0%{opacity:0;-webkit-transform:translateX(60vw) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1)}}@-webkit-keyframes animate-project-left{0%{opacity:0;-webkit-transform:translateX(-60vw) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1)}}@keyframes animate-project-left{0%{opacity:0;-webkit-transform:translateX(-60vw) scale(.8)}to{opacity:1;-webkit-transform:translateX(0) scale(1)}}.landing{background-color:var(--purple-pastelle);background-image:radial-gradient(circle,#000 1px,transparent 0);background-position:50%;background-size:cover;background-size:160px 160px;height:auto;max-width:100%}.divider{align-items:center;background-color:var(--black-pastelle);color:var(--white-pastelle);display:flex;flex-direction:row;font-family:Bitter,serif;gap:5em;height:8vh;justify-content:center;width:100%}.arrow{-webkit-animation:arrow-point;animation:arrow-point;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes arrow-point{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(6px);transform:translateY(6px)}}@keyframes arrow-point{0%{-webkit-transform:translateY(6px);transform:translateY(6px)}50%{-webkit-transform:translateY(-6px);transform:translateY(-6px)}to{-webkit-transform:translateY(6px);transform:translateY(6px)}}.columns{display:flex;flex-wrap:wrap;justify-content:space-evenly;padding:4vw 0}@media screen and (max-width:400px){.landing{align-items:center;display:flex;flex-direction:column;justify-content:center}.columns{display:block}.landing-text{margin:0}.landing-image{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-bottom:0}.me-image{height:40vh}}.name-div{border-right:1px solid var(--black-pastelle);padding:0 128px 0 0}.me-image{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:border-bezier;animation-name:border-bezier;border-color:var(--black-pastelle);border-radius:250px;border-style:solid;border-width:.25em;max-height:50vh}@-webkit-keyframes border-bezier{0%{box-shadow:var(--black-pastelle) 10px 10px,var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px}25%{box-shadow:var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px,var(--black-pastelle) 10px -10px}50%{box-shadow:var(--black-pastelle) -10px -10px,var(--black-pastelle) 10px -10px,var(--black-pastelle) 10px 10px}75%{box-shadow:var(--black-pastelle) 10px -10px,var(--black-pastelle) 10px 10px,var(--black-pastelle) 10px 10px}to{box-shadow:var(--black-pastelle) 10px 10px,var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px}}@keyframes border-bezier{0%{box-shadow:var(--black-pastelle) 10px 10px,var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px}25%{box-shadow:var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px,var(--black-pastelle) 10px -10px}50%{box-shadow:var(--black-pastelle) -10px -10px,var(--black-pastelle) 10px -10px,var(--black-pastelle) 10px 10px}75%{box-shadow:var(--black-pastelle) 10px -10px,var(--black-pastelle) 10px 10px,var(--black-pastelle) 10px 10px}to{box-shadow:var(--black-pastelle) 10px 10px,var(--black-pastelle) -10px 10px,var(--black-pastelle) -10px -10px}}.landing-text{color:var(--black-pastelle);display:flex;flex-direction:column;justify-content:left;margin:8vw 4vw auto auto;padding:auto 32px;text-align:center;text-align:left}.landing-image{margin:1vw auto auto 0}.landing-description-name{font-family:Bitter,serif;font-size:6vh;font-weight:500;margin-bottom:4px;margin-top:4px}.landing-description-subtext{font-size:2vh;font-weight:100;margin:0}.nav{background-color:var(--black-pastelle);display:flex;justify-content:space-between;max-height:72px;position:-webkit-sticky;position:sticky;top:0}@media screen and (max-width:400px){.nav{align-items:center;justify-content:center;width:100%}.nav-text{font-size:1rem}.logo{height:16px;width:16px}.gmail{height:12px;width:16px}}.nav-text-container{display:flex;flex-direction:row}.nav-text{color:var(--white-pastelle)}.nav-text-sign{color:#fac898}.logo{-webkit-animation:scale-logo-reverse .1s ease-in-out 0s;animation:scale-logo-reverse .1s ease-in-out 0s;height:32px;width:32px}.logo:hover{-webkit-animation:scale-logo .1s ease-in-out 0s;animation:scale-logo .1s ease-in-out 0s;cursor:pointer;-webkit-transform:scale(1.25);transform:scale(1.25)}.gmail{height:24px;margin-bottom:4px;width:32px}.twitter{height:26px;width:32px}.social-media-container{margin-top:8px;padding:10px}.social-media-container>a{margin-left:12px;margin-right:12px}@-webkit-keyframes scale-logo{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes scale-logo{0%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-webkit-keyframes scale-logo-reverse{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-logo-reverse{0%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.foot{background-color:var(--black-pastelle);display:flex;justify-content:center;max-height:80px}.foot-text-container{align-items:center;display:flex;flex-direction:column;font-family:monospace}.foot-text{color:var(--white-pastelle);margin:12px 0}.react-text{color:#61dbfb}.spring-text{color:#ffa0a0}.nodejs-text{color:#87cc81}.firebase-text{color:#ffcb2b}
/*# sourceMappingURL=main.463e5aac.css.map*/