@import"https://fonts.googleapis.com/css2?family=Gabarito&family=Passion+One&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--header-font: "Passion One, Arial, sans-serif";--text-font: "Gabarito, Arial, sans-serif"}body{color:#fff;font-family:Gabarito;display:flex;flex-direction:column}.nav-wrapper{width:10%;height:100vh;background-color:#000;border-right:white solid 3px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed}.profile-image{display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.headshot-image{width:120px;height:120px;border-radius:50%;border:solid 3px white}.nav-links-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.nav-link{color:#fff;text-decoration:none;font-size:2rem;margin-bottom:2.5rem}.nav-link:hover{color:#3a8f98;cursor:pointer}.credits-wrapper{display:flex;justify-content:center;align-items:center;position:absolute;bottom:2rem}@media screen and (max-width: 1300px){.nav-wrapper{width:18%}}@media screen and (max-width: 800px){.nav-wrapper{width:7%;min-width:150px;height:100vh}.headshot-image{width:100px;height:100px;margin-bottom:1rem}.nav-link{color:#fff;text-decoration:none;font-size:1.5rem;margin-bottom:3rem}.nav-link:hover{color:#3a8f98;cursor:pointer}}.home-page-wrapper{display:flex;height:100vh;margin-left:10%;overflow:hidden}.home-content-wrapper{width:100%;background-color:#000;display:flex;justify-content:center;align-items:center;flex-direction:column}.mode-select-wrapper{position:absolute;top:0;right:0;padding:1rem}.light-mode{display:none;color:#3a8f98;font-size:50px}.light-mode:hover{cursor:pointer;color:#fff}.title-wrapper{display:flex;justify-content:center;align-items:center;border-bottom:solid 3px rgba(58,143,152,1);width:800px}.home-title{margin-bottom:4rem;font-variant:small-caps;font-size:2.5rem}.name-wrapper{display:flex;justify-content:center;align-items:center}.name-title{font-size:7rem;padding:5rem 0;letter-spacing:8px}.socials-wrapper{display:flex;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);width:800px;gap:2rem}.github-icon,.linkedin-icon{font-size:50px;color:#3a8f98;margin-top:5rem}.github-icon:hover,.linkedin-icon:hover{color:#fff;cursor:pointer}@media screen and (max-width: 1300px){.home-page-wrapper{margin-left:18%}.light-mode{color:#3a8f98;font-size:50px}.title-wrapper{width:600px}.home-title{margin-bottom:3rem;font-size:1.75rem}.name-title{font-size:5rem}.socials-wrapper{width:600px;gap:3rem}.github-icon,.linkedin-icon{font-size:50px;color:#3a8f98;margin-top:3rem}}@media screen and (max-width: 800px){.home-page-wrapper{margin-left:0}}@media screen and (max-width: 800px){.light-mode{font-size:40px}.title-wrapper{width:90%}.home-title{margin-bottom:3rem;font-variant:small-caps;font-size:1.75rem}.name-title{font-size:4rem;padding:4rem 0;letter-spacing:5px}.socials-wrapper{display:flex;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);width:90%;gap:3rem}.github-icon,.linkedin-icon{font-size:50px;margin-top:3rem}}@media screen and (max-width: 450px){.home-page-wrapper{height:100dvh}.home-title{font-size:1.5rem}.name-title{font-size:3rem}}.about-page-wrapper{display:flex;height:100vh;margin-left:10%;overflow:hidden}.about-content-wrapper{width:100%;height:100vh;background-color:#000;display:flex;justify-content:space-evenly;align-items:center}.about-wrapper{width:55%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:3rem}.about-title{width:100%;text-align:left;font-variant:small-caps;margin-bottom:1rem}.about-content{line-height:25px;letter-spacing:1px}.image-wrapper{display:flex;justify-content:center;align-items:center;gap:2.5rem;margin-top:2rem}.about-image{width:125px;height:125px;border-radius:50%}.about-image:hover{border:solid 3px white;cursor:pointer}.skills-link-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:15%}.arrow-link{font-size:50px;color:#3a8f98;margin-bottom:1rem}.arrow-link:hover{color:#fff;cursor:pointer}.skills-link-title{color:#3a8f98}@media screen and (max-width: 1919px){.about-wrapper{width:60%}}@media screen and (max-width: 1300px){.about-page-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:82%;height:auto;margin-left:18%}.about-content-wrapper{width:100%;height:auto;display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}.about-wrapper{width:85%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:2rem 1rem;margin-bottom:1.5rem}.about-title{width:100%;text-align:left;font-variant:small-caps;margin-bottom:1rem}.about-content{line-height:25px;letter-spacing:1px;font-size:1rem}.image-wrapper{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:2rem;width:100%}.about-image{width:100px;height:100px}.skills-link-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.arrow-link{margin-bottom:0}.skills-link-title{color:#3a8f98}}@media screen and (max-width: 800px){.about-page-wrapper{margin-left:0;width:100%}.about-content-wrapper{flex-direction:column;justify-content:center}.about-wrapper{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:none;border-bottom:none;padding:0rem 2rem}.about-title{width:100%;text-align:left;font-variant:small-caps;margin-bottom:1rem}.about-content{line-height:20px;letter-spacing:1px;font-size:.8rem}.image-wrapper{display:flex;justify-content:center;align-items:center;width:80%;gap:1.5rem}.about-image{width:90px;height:90px}.skills-link-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.arrow-link{font-size:30px;margin-bottom:0}.skills-link-title{font-size:.8rem}.arrow-links-wrapper{display:flex;justify-content:space-evenly;align-items:center;width:100%}}@media screen and (max-width: 450px){.about-page-wrapper{height:auto}.about-image{width:75px;height:75px}.about-title{width:100%;text-align:left;font-variant:small-caps;font-size:1.75rem;margin-bottom:1rem}.about-wrapper{width:100%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:none;border-bottom:none;padding:0rem 1rem}.arrow-link{font-size:45px}}.skills-page-wrapper{display:flex;height:100vh;margin-left:10%}.skills-content-wrapper{width:100%;background-color:#000;display:flex;justify-content:space-evenly;align-items:center}.skills-wrapper{width:55%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:3rem}.skills-title{width:100%;text-align:left;font-variant:small-caps;font-size:2.25rem}.skill-list-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center center;margin-top:2rem;gap:1rem}.skill-item-wrapper{background-color:#00f;width:100%;height:50px;border-radius:10px;display:flex;justify-content:center;align-items:center}.skill-title{font-size:1.25rem}.skills-link-title{font-size:1.5rem}@media screen and (max-width: 1919px){.skills-wrapper{width:65%}}@media screen and (max-width: 1300px){.skills-page-wrapper{margin-left:18%}.skills-content-wrapper{flex-direction:column;justify-content:center;margin-left:0}.skills-wrapper{width:95%;margin-bottom:1.5rem}.skill-title{font-size:1rem;text-align:center}}@media screen and (max-width: 800px){.skills-page-wrapper{margin-left:0}.skills-content-wrapper{flex-direction:column;justify-content:center}.skills-wrapper{width:100%}.skill-list-wrapper{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center center;margin-top:2rem;gap:1rem}.skill-item-wrapper{background-color:#00f;width:100%;height:40px}.skill-title{font-size:1rem}}@media screen and (max-width: 450px){.skills-page-wrapper{margin-left:0;height:auto;min-height:845px}.skills-wrapper{padding:2rem 0;width:95%}.skill-item-wrapper{background-color:#00f;width:100%;height:40px}.skill-title{font-size:.85rem}}.education-page-wrapper{display:flex;height:100vh;margin-left:10%}.education-content-wrapper{width:100%;background-color:#000;display:flex;justify-content:space-evenly;align-items:center}.education-wrapper{width:55%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:3rem}.education-title{width:100%;text-align:left;font-variant:small-caps;font-size:2.25rem}.logo-wrapper{display:flex;justify-content:center;align-items:center;width:100px}.education-logo{width:100%}.education-items-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;margin-top:1rem}.education-item-wrapper{display:flex;justify-content:start;align-items:center;width:100%;min-width:500px;margin-top:1rem}.education-info-wrapper{margin-left:1rem;width:100%}.education-date{margin-top:.5rem}@media screen and (max-width: 1919px){.education-wrapper{width:60%}}@media screen and (max-width: 1300px){.education-page-wrapper{margin-left:18%}.education-content-wrapper{width:100%;flex-direction:column;justify-content:center}.education-wrapper{width:95%;margin-bottom:1.5rem}.education-info{font-size:1.2rem}.education-date{font-size:1rem}}@media screen and (max-width: 800px){.education-page-wrapper{margin-left:0}.education-content-wrapper{width:100%;flex-direction:column;justify-content:center}.education-wrapper{width:100%;padding:2rem 0}.logo-wrapper{display:flex;justify-content:center;align-items:center;width:100px}.education-logo{width:100%}.education-items-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;margin-top:1rem}.education-item-wrapper{display:flex;justify-content:start;align-items:center;width:100%;min-width:350px;margin-top:1rem}.education-info{font-size:1rem}.education-date{font-size:.8rem}.education-info-wrapper{margin-left:1rem;width:100%}.education-date{margin-top:.5rem}.skills-link-wrapper{margin:1rem 0}}@media screen and (max-width: 450px){.education-page-wrapper{margin-left:0;height:auto;min-height:845px}.education-content-wrapper{width:100%;flex-direction:column;justify-content:center}.education-wrapper{width:90%}.logo-wrapper{display:flex;justify-content:center;align-items:center;width:100px}.education-logo{width:100%}.education-items-wrapper{display:flex;flex-direction:column;justify-content:start;align-items:center;width:100%;margin-top:1rem}.education-item-wrapper{display:flex;justify-content:start;align-items:center;width:100%;min-width:350px;margin-top:1rem}.education-info{font-size:1rem}.education-date{font-size:.8rem}.education-info-wrapper{margin-left:1rem;width:100%}.education-date{margin-top:.5rem}.skills-link-wrapper{margin:1rem 0}}.projects-page-wrapper{width:90%;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-left:10%;overflow:hidden}.projects-content-wrapper{width:100%;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.projects-wrapper{width:70%;height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;margin-left:10%}.projects-title{width:100%;text-align:left;font-variant:small-caps;font-size:2.25rem}.project-items-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%}.project-item{display:flex;justify-content:start;align-items:center;margin-top:2rem;gap:1rem;border-radius:10px;width:100%;min-width:675px}.name-image-wrapper{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:start}.project-image{width:33%;min-width:250px;min-height:150px;height:100%;object-fit:cover;border-radius:10px}.project-item-title{margin-bottom:1rem;font-size:1.5rem;width:100%}.project-item-content{width:33%}.tools-content{display:flex;flex-direction:column;justify-content:center;align-items:start;margin-bottom:1rem;gap:1rem}.tools-wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;place-items:center center;gap:.5rem}.tool-item-wrapper{width:100%;padding:0 .5rem;display:flex;justify-content:center;align-items:center;border-radius:10px}.tool-item-title{font-size:.9rem}.language-background{background-color:#f2737a}.language-title{color:#69060b}.framework-background{background-color:#97b3de}.framework-title{color:#064098}.database-background{background-color:#9d89f7}.database-title{color:#190d53}.other-background{background-color:#36e05b}.other-title{color:#044612}.design-background{background-color:#d29ebe}.design-title{color:#690542}.links-wrapper{width:100%}.project-link{margin-left:1.5rem}.github-link,.project-link{font-size:30px;color:#3a8f98;margin-bottom:.5rem}.github-link:hover,.project-link:hover{color:#fff;cursor:pointer}.description-wrapper{width:33%}.description{font-size:.9rem;line-height:1.25rem}@media screen and (max-width: 1919px){.projects-wrapper{width:90%}}@media screen and (max-width: 1300px){.projects-wrapper{width:100%}.projects-content-wrapper{align-items:start}.project-items-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.project-item{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;min-width:350px}.name-image-wrapper{width:100%}.project-image{width:60%}.project-item-title{margin-bottom:1rem;font-size:1.75rem;width:100%}.project-item-content{width:100%}.description-wrapper{width:75%}.description{font-size:1rem;line-height:1.4rem}.tool-item-wrapper{width:100%;padding:0 .5rem;display:flex;justify-content:center;align-items:center}.tool-item-title{font-size:1rem}}@media screen and (max-width: 800px){.projects-page-wrapper{margin-left:0;width:100%}.projects-wrapper{width:100%;padding:3rem;margin-left:0}.projects-title{width:100%;text-align:left;font-variant:small-caps;font-size:2.25rem}.project-items-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;width:100%}.project-item{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;min-width:350px}.name-image-wrapper{width:100%}.project-image{width:100%;min-width:250px;min-height:150px;height:100%;object-fit:cover;border-radius:10px}.project-item-title{margin-bottom:1rem;font-size:1.75rem;width:100%}.project-item-content,.description-wrapper{width:100%}.description{font-size:.9rem;line-height:1.25rem}.tool-item-wrapper{width:100%;padding:0 .5rem;display:flex;justify-content:center;align-items:center;border-radius:10px}.tool-item-title{font-size:.9rem}}@media screen and (max-width: 450px){.projects-page-wrapper{margin-left:0;height:auto}.projects-wrapper{width:100%;padding:1rem;margin-left:0}.projects-title{width:100%;text-align:left;font-variant:small-caps;font-size:2.25rem}.project-items-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.project-item{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:1rem;min-width:350px}.name-image-wrapper{width:100%}.project-image{width:100%;min-width:250px;min-height:150px;height:100%;object-fit:cover;border-radius:10px}.project-item-title{margin-bottom:1rem;font-size:1.75rem;width:100%}.project-item-content,.description-wrapper{width:100%}.description{font-size:.9rem;line-height:1.25rem}.tool-item-wrapper{width:100%;padding:0 .5rem;display:flex;justify-content:center;align-items:center;border-radius:10px}.tool-item-title{font-size:.9rem}}.contact-page-wrapper{display:flex;height:100vh;margin-left:10%;overflow:hidden}.contact-wrapper{width:100%;height:100vh;background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;width:45%;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:3rem}.contact-title{font-variant:small-caps;font-size:2rem;margin-bottom:1.25rem}.contact-details{line-height:25px;letter-spacing:1px}.button-wrapper{margin-top:2rem;width:100%;display:flex;justify-content:center;align-items:center}.resume-button{text-decoration:none;color:#fff;font-size:1.5rem;background-color:#3a8f98;padding:.75rem 3rem;border-radius:10px;transition:.3s}.resume-button:hover{cursor:pointer;transform:translateY(-4px);background-color:#276a71}.socials-wrapper-footer{display:flex;justify-content:center;align-items:center;width:800px;gap:2rem}.footer-wrapper{width:100%;text-align:center;margin-top:2rem}@media screen and (max-width: 1919px){.contact-content-wrapper{width:55%}}@media screen and (max-width: 1300px){.contact-page-wrapper{margin-left:18%}.contact-content-wrapper{width:95%;padding:3rem}.contact-details{line-height:25px;letter-spacing:1px;font-size:1rem}}@media screen and (max-width: 800px){.contact-page-wrapper{margin-left:0;height:auto}.contact-wrapper{height:auto}.contact-content-wrapper{width:95%;padding:3rem .5rem}.contact-title{font-variant:small-caps;font-size:2rem;margin-bottom:1.25rem}.contact-details{font-size:1rem;line-height:30px}.resume-button{font-size:1.25rem;padding:.75rem 3rem}.resume-button:hover{cursor:pointer;transform:translateY(-4px);background-color:#276a71}.socials-wrapper-footer{display:flex;justify-content:center;align-items:center;width:100%;gap:2rem}.footer-wrapper{width:100%;text-align:center;margin-top:.5rem;margin-bottom:8rem}}@media screen and (max-width: 450px){.footer-wrapper{margin-bottom:8rem}}.contact-info-page-wrapper{display:flex;height:100vh;margin-left:10%;flex-direction:column}.contact-info-wrapper{width:100%;height:100vh;background-color:#000;display:flex;justify-content:space-evenly;align-items:center}.contact-info-content-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:start;width:45%;border-top:solid 3px rgba(58,143,152,1);border-bottom:solid 3px rgba(58,143,152,1);padding:3rem}.contact-info-title{font-size:2.25rem;font-variant:small-caps;margin-bottom:1rem}.contact-item{margin:2rem 0;display:flex;justify-content:start;align-items:center;gap:2rem}.contact-type-label{font-size:2.5rem;color:#3a8f98}.linkedin-link{color:#fff;text-decoration:none}footer{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:5rem}@media screen and (max-width: 1919px){.contact-info-content-wrapper{width:55%}}@media screen and (max-width: 1300px){.contact-info-page-wrapper{margin-left:18%}.contact-info-wrapper{flex-direction:column;justify-content:center}.contact-info-content-wrapper{width:95%}.skills-link-wrapper{margin-bottom:2rem}}@media screen and (max-width: 800px){.contact-info-page-wrapper{margin-left:0;height:auto}.contact-info-wrapper{flex-direction:column;justify-content:center;height:auto}.contact-info-content-wrapper{width:95%;margin-top:2rem;padding:3rem 2rem}}@media screen and (max-width: 450px){.contact-info-content-wrapper{padding:1rem}.linkedin-link{color:#fff;text-decoration:none}}.mob-nav-wrapper{display:flex;justify-content:space-evenly;align-items:center;width:100%;position:fixed;bottom:15px}.mob-nav-links-wrapper{display:flex;justify-content:space-evenly;align-items:center;width:90%;background-color:#3a8f98;padding:1.5rem 0;border-radius:15px}.mob-nav-link{font-size:1.75rem;font-variant:small-caps}.mob-nav-link:hover{cursor:pointer;color:#000}@media screen and (max-width: 450px){.mob-nav-link{font-size:1.5rem}}