body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}body{font-family:Poppins}html{font-size:62.5%}:root{--black-color:#000;--background-color:#fff;--individual-background-color:#fff;--white-color:#fff;--grey-color:#666;--ash-color:#ccc;--light-blue:#13b0f5;--pink:#e70faa;--light-purple:#42446e;--tech-stack:#42446e;--position-color-green:#018c0f;--company-location-time:#a7a7a7;--contact-font-color:#1e0e62;--button-hover-color:#747694;--button-hover-font:#0f0909;--mobile-nav-bg:#f5f5f5}.App{background-color:#fff;background-color:var(--background-color)}a{text-decoration:none}main{margin:20px 140px 0}.day-night-switch{border:none;border-radius:50%;bottom:40px;box-shadow:-5px 10px 10px #6e205f;cursor:pointer;height:40px;position:fixed;right:140px;width:40px}.day-night-switch:active{transform:scale(.95)}.tech-stack-main{height:100%}.techstack-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:100px}.techstack-container h1{color:#42446e;color:var(--light-purple);font-size:4.8rem;font-weight:700;margin:0;padding:0;text-align:center}.techstack-container h3{color:#666;color:var(--grey-color);font-size:3.2rem;font-weight:400;margin:0;padding:0}.technologies-container{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:100px 0 0}.technologies-container button{background:none;border:.5px solid #42446e;border:.5px solid var(--light-purple);border-radius:3px;padding:30px}.technologies-container button:hover{opacity:60%}.technologies-matchlist-container{align-items:center;display:flex;flex-direction:column;justify-content:left;margin:30px 0;width:100%}.technologies-matchlist-container p{color:#666;color:var(--grey-color);font-size:2rem;font-weight:400;text-align:left;width:100%}.technologies-matchlist{font-size:large;margin:0;text-align:left;width:90%}.technologies-matchlist a{color:#666;color:var(--grey-color);cursor:pointer}.projects-outer-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:40px 0}.projects-outer-container h1,.projects-outer-container h1 a{color:#42446e;color:var(--light-purple);font-size:4.8rem;font-weight:700;margin:0;padding:0}.projects-outer-container h3{font-size:3.2rem}.projects-outer-container h3,.projects-outer-container>p{color:#666;color:var(--grey-color);font-weight:400;margin:0;padding:0}.projects-outer-container>p{font-size:2.2rem;text-align:center}.projects-container{align-content:flex-start;display:flex;flex-wrap:wrap;justify-content:space-between;margin:90px 0;width:100%}.projects-page-container{margin:0}.projects{display:flex;flex-direction:column;justify-content:left}.projects h1{color:#42446e;color:var(--light-purple);font-size:4.8rem;font-weight:700;margin:0;padding:0}.projects h3{font-size:3.2rem;margin:10px 0}.projects h3,.projects>p{color:#666;color:var(--grey-color);font-weight:400;padding:0}.projects>p{font-size:2.2rem;margin:10px 0 20px}.individual-project{align-items:center;background:none;border:none;border-radius:20px;box-shadow:2px 4px 15px #000;display:flex;flex-direction:column;font-family:Poppins;height:567px;justify-content:start;margin:10px 0 20px;padding:0;transition:transform .2s ease-in-out;width:373px}.individual-project a{height:100%}.individual-project:hover{transform:scale(1.05)}.individual-project-div{align-items:center;background:#fff;background:var(--individual-background-color);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:start;width:100%}.project-image-container{height:260px;width:100%}.project-image-container img{border-radius:20px 20px 0 0;height:100%;object-fit:fill;width:100%}.individual-project-without-image{align-items:left;border:none;color:#000;color:var(--black-color);display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px}.project-title{font-size:2.8rem;font-weight:560;text-align:center;width:100%}.project-description{color:#666;color:var(--grey-color);font-size:1.8rem;font-weight:300;margin:10px 0;text-align:left}.project-tech-stack{color:#42446e;color:var(--tech-stack);font-size:1.6rem;font-weight:400;margin-bottom:10px;text-align:left}.project-tech-stack span{font-size:1.4rem;font-weight:300}.project-links{justify-content:space-around;width:100%}.links a,.project-links{align-items:center;display:flex}.links a{color:#000;color:var(--black-color);gap:5px;justify-content:center;text-decoration:underline}.about{padding-bottom:100px}.about h1{color:#42446e;color:var(--light-purple)}.about-me{color:#666;color:var(--grey-color);font-size:1.8rem;font-weight:500;margin:30px 0;width:55%}.experience-container{margin:10px 0 40px;width:55%}.experience{border-bottom:2px solid #ccc;border-bottom:2px solid var(--ash-color);padding:15px 0}.education-container{width:55%}.title-and-position{align-items:center;display:flex;justify-content:space-between}.title{color:#666;color:var(--grey-color);font-size:2rem;font-weight:500}.position{background-color:#d7ffe0;border-radius:100px;color:#018c0f;color:var(--position-color-green);font-size:.9rem;font-weight:600;padding:10px 30px;text-align:center}.company-location-time{align-items:center;color:#a7a7a7;color:var(--company-location-time);display:flex;justify-content:space-between}.company-and-location{text-align:center}.centralize,.company-and-location{gap:10px}.centralize,.company-and-location,.contact{align-items:center;display:flex;justify-content:center}.contact{flex-direction:column;padding:100px 0 230px}.contact p{color:#1e0e62;color:var(--contact-font-color);font-size:5.8rem;font-weight:700;margin:0;padding:0}.contact p a{background:linear-gradient(90deg,#13b0f5,#e70faa);background:linear-gradient(to right,var(--light-blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:#0000}.tech{align-items:start;display:flex;flex-direction:column;justify-content:left;margin:60px 0}.tech-container{margin:40px auto 400px;width:100%}.individual-item-title{text-align:center}.individual-item-title a{color:#1e0e62;color:var(--contact-font-color)}.item-properties{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr}.carousel-container{align-items:center;border-radius:4px;box-shadow:2px 4px 5px #000;display:flex;justify-content:center;overflow:hidden;position:relative}.carousel-container-buttons{display:flex;justify-content:space-between;position:absolute;width:100%}.item-image-container{display:flex;justify-content:center;overflow:hidden;width:100%}.image-wrapper{flex:0 0 650px;margin:0 10px;transition:transform .3s ease-in-out}.image-wrapper img{border:1px solid #000;border:1px solid var(--black-color);border-radius:4px;width:100%}.position-0{order:2}.position-1{order:3}.position-2{order:1}.nav-button{align-items:center;background:#0000;border:none;border-radius:4px;box-shadow:2px 4px 5px #000;color:#1e0e62;color:var(--contact-font-color);cursor:pointer;font-size:5rem;height:200px;margin:0 20px;transition:transform .3s ease}.nav-button:hover{transform:scale(1.3)}.item-description{color:#666;color:var(--grey-color);padding:0 10px}.item-description-title{text-align:center}.item-description-title a{color:#1e0e62;color:var(--contact-font-color)}.individual-item-code{align-items:center;display:flex;justify-content:center;margin:60px 0}.individual-item-code-button{background:#42446e;background:var(--light-purple);border:none;border-radius:5px;color:#fff;color:var(--white-color);cursor:pointer;font-family:Poppins;padding:15px 25px;width:400px}.individual-item-title,.item-description-title{font-size:2.4rem}.item-description div{font-size:1.6rem}.other-comments{font-size:1.6rem;padding:0 10px}.other-comments,.other-comments ul li a{color:#666;color:var(--grey-color)}.individual-item-code-button:hover{background:#747694;background:var(--button-hover-color);color:#0f0909;color:var(--button-hover-font)}.mathjax,.project-body-link{color:#000;color:var(--black-color)}.links-in-concepts{background:none;border:none;color:purple;font-family:Poppins}.links-in-concepts:hover{transform:scale(1.05)}.error-container{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;padding:150px 0;width:100%}.error-text{font-size:5.2rem;font-weight:700;margin:0;padding:0}.error-smaller-text,.error-text{color:#1e0e62;color:var(--contact-font-color)}.error-smaller-text{font-size:2.6rem;font-weight:500}[dark-theme=dark]{--background-color:#000;--light-purple:#ccc;--individual-background-color:#363636;--tech-stack:#ccc;--contact-font-color:#ccc}[dark-theme=dark] .individual-project-without-image{--black-color:#ccc}[dark-theme=dark] .project-description{--grey-color:#ccc}[dark-theme=dark] .hero-navvy{--mobile-nav-bg:#000;--grey-color:#a7a7a7;--contact-font-color:#ccc}[dark-theme=dark] .mathjax{--black-color:#fff}@media (max-width:767px){main{margin:10px 10px 0}.techstack-container{margin-bottom:50px}.techstack-container h3{font-size:1.6rem}.technologies-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;margin:50px 0 0;overflow-x:auto;padding:0;width:100%}.projects-outer-container h3,.projects-outer-container>p{font-size:1.6rem}.projects-container{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:20px;margin:45px 0;overflow-x:auto;width:100%}.projects-container>*{flex-shrink:0}.projects-container::-webkit-scrollbar{height:8px}.projects-container::-webkit-scrollbar-track{background:#f1f1f1}.projects-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.projects-container::-webkit-scrollbar-thumb:hover{background:#555}.about{margin:10px}.about-me,.experience-container{width:100%}.experience{border-bottom:2px solid #ccc;border-bottom:2px solid var(--ash-color);padding:15px 10px}.education-container{width:100%}.education{padding:0 10px 15px}.company-location-time{flex-direction:column;justify-content:left;width:100%}.company-and-location{flex-direction:column;text-align:left}.centralize,.company-and-location{align-items:center;display:flex;gap:10px;justify-content:left;width:100%}.projects h1{font-size:2.4rem}.projects h3,.projects>p{font-size:1.6rem}.contact p{font-size:2.9rem}.contact p a{font-size:1.6rem}.item-properties{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr}.individual-item-title,.item-description-title{font-size:2.4rem}.item-description div,.other-comments{font-size:1.6rem}.other-comments{padding:0 10px}.day-night-switch{bottom:40px;right:20px}.error-text{font-size:2.6rem;font-weight:700}.error-smaller-text{font-size:1.3rem;font-weight:500}.individual-item-code-button{width:90%}}.header{align-items:center;display:flex;font-family:DM Sans,Times New Roman;justify-content:space-between;margin:0 140px;padding:20px 0;position:sticky;top:0}.nav-socials-icon,.responsive_nav{display:none}.hero-navvy{font-size:2rem;gap:20px}.hero-navvy,.name-logo-container{align-items:center;display:flex;justify-content:center}.name-logo-container{gap:3px}.name-braces{font-size:3.5rem}.name-and-logo{align-items:center;display:flex;gap:10px;justify-content:center}.icon{margin:0;padding:0}.logo-text{background:linear-gradient(to right,var(--light-blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:#0000;font-size:4rem;font-weight:700}.navigation-and-socials{color:var(--grey-color);display:flex;font-size:2rem;font-weight:500;gap:60px}.hero-navigation{align-items:center;color:var(--grey-color);display:flex;gap:40px;justify-content:center}.hero-navigation a{color:var(--grey-color);text-decoration:none}.navigation-icons{display:flex;gap:30px}.navigation-icons a{color:var(--grey-color)}@media (max-width:767px){.header{margin:0 10px;padding:10px 0;position:relative}.nav-socials-icon{display:block}.hero-navvy{background:var(--mobile-nav-bg);border-radius:5px;box-shadow:-5px 4px 15px #6e205f;height:85vh;justify-content:space-between;position:absolute;right:-5px;top:11px;width:70vw;z-index:1000}.hero-navigation,.hero-navvy{align-items:center;display:flex;flex-direction:column}.hero-navigation{justify-content:center;width:100%}.hero-navigation a{color:var(--contact-font-color);text-align:center;width:100%}.navigation-icons{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:10px;width:100%}.navigation-icons a{color:var(--contact-font-color)}.close-nav{order:1}.navigation-icons{order:3}.hero-navigation{order:2}.nav-button-container{padding:10px;width:100%}.nav-socials-icon{border:none;border-radius:25%;box-shadow:1px 2px 5px #6e205f;color:var(--contact-font-color);height:40px;margin:0 10px 0 auto;width:40px}.responsive_nav{display:none}.navigation-icons a{text-align:center;width:100%}}.footer-container{color:var(--light-purple);margin:0 140px}.footer{align-items:center;display:flex;font-family:DM Sans,Times New Roman;justify-content:space-between;padding:20px 0}.developed-and-designed{color:var(--grey-color);display:flex;flex-direction:column;font-size:2rem;font-weight:500}.gradient-text,.gradient-text a{background:linear-gradient(to right,var(--light-blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:#0000}@media (max-width:767px){.footer-container{color:var(--light-purple);margin:0 10px}.footer{align-items:center;display:flex;flex-direction:column;justify-content:center}.footer .name-and-logo{display:none}.footer .navigation-and-socials{flex-direction:column}.footer .navigation-icons{flex-direction:row}.footer .hero-links{display:none}}.hero-section{align-items:center;display:flex;justify-content:space-between;padding:100px 0}.hero-introduction{color:var(--light-purple);font-size:5.8rem;font-weight:700}.picture-container{background:linear-gradient(to top,var(--light-blue),var(--pink));border-radius:50%;display:flex;height:349px;padding:9px;width:349px}.picture-container img{border:9px solid #0000;border-radius:50%;max-height:100%;width:auto}.josephdon-name,.typewriter{background:linear-gradient(to right,var(--light-blue),var(--pink));-webkit-background-clip:text;background-clip:text;color:#0000}@media (max-width:767px){.hero-section{align-items:center;display:flex;flex-direction:column-reverse;justify-content:space-between;padding:50px 0}.hero-introduction{color:var(--light-purple);font-size:2.9rem;font-weight:700;width:100%}.hero-navigation a{color:var(--grey-color);text-decoration:none}.picture-container{padding:0}}
/*# sourceMappingURL=main.ae8c5475.css.map*/