@import"https://fonts.googleapis.com/css2?family=Albert+Sans&family=Rubik&display=swap";:root{--main-bg-color: hsl(141, 100%, 93%);--secondary-color: hsl(263, 44%, 79%, 50%);--font-color: hsl(0, 0%, 0%);box-sizing:border-box;margin:0;padding:0}body{background-color:var(--main-bg-color);font-family:Albert Sans,sans-serif}a{text-decoration:none;color:#000}h1{font-family:Rubik,sans-serif}h2{font-size:2rem;font-family:Rubik,sans-serif}.header-wrapper{display:flex;justify-content:space-between;padding-inline:1em;padding-block-start:.5em;padding-block-end:1.5em}.nav-logo{width:2.5em;margin-inline-end:1em}.personal-logo{padding-block-start:.5em;height:2.25em;width:12em}.intro-section{margin-block-end:5em}.intro-image-wrapper{display:flex;justify-content:center}.intro-image{border-radius:50%;width:10em;border:6px solid hsl(10,100%,72%)}.intro-text-wrapper{margin-inline:2em}.intro-text{font-size:1.5rem}.intro-headline{font-size:2.5rem}.intro-links-wrapper{margin-block-start:2em;font-size:1.2rem}.intro-link-individual{width:12em;height:1em;padding:1em;background-color:#ffae9e;cursor:pointer;position:relative;bottom:0px;right:0px;box-shadow:8px 8px #ff8870;text-align:center;transition:all .25s;border-radius:10%}.intro-link-individual:hover{bottom:-4px;right:-4px;box-shadow:4px 4px #ff8870}.intro-link-individual:focus{bottom:-7px;right:-7px;box-shadow:1px 1px #ff8870}.git-hub-link,.linked-in-link{margin-inline-end:1em}.project-cards-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.project-card-container{background-color:#fff;height:30em;width:23em;border-radius:5%;margin-block-end:3em;box-shadow:0 5px 10px #00000080}.project-image{height:14em;width:23em;border-top-left-radius:5%;border-top-right-radius:5%}.project-title-link:hover{text-decoration:underline}.project-card-text{margin-inline:1em}.project-github-logo{width:2.5em}.githib-link-wrapper{display:flex;justify-content:start;gap:1em}.card-github-button{width:8em;height:1em;padding:.5em;background-color:#ffae9e;cursor:pointer;position:relative;bottom:0px;right:0px;box-shadow:8px 8px #ff8870;text-align:center;transition:all .25s;border-radius:5%}.card-github-button:focus{bottom:-7px;right:-7px;box-shadow:1px 1px #ff8870}.card-github-button:hover{bottom:-4px;right:-4px;box-shadow:4px 4px #ff8870}.footer-wrapper{display:flex;justify-content:space-between;padding-inline:1em;padding-block-start:.5em}@media (min-width: 500px) and (max-width: 768px){.intro-text-wrapper{margin-inline:2.5em}}@media (min-width: 768px){.header-wrapper{padding-block-start:1em;margin-block-end:2em}.nav-logo{width:3em;margin-inline-end:2em}.personal-logo{padding-block-start:.75em}.intro-image{width:12em}.intro-text-wrapper{margin-inline:3em}}@media (min-width: 1024px){.header-wrapper{padding-inline:3em;margin-block-end:2em}.intro-image{width:20em;margin-inline-end:7em}.intro-section{display:flex;flex-direction:row-reverse}.intro-text-wrapper{padding-inline-start:3em;margin-block-start:2em}.intro-text{margin-inline-end:6em}.project-cards-wrapper{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,1fr);justify-items:center}.footer-wrapper{padding-inline:1.5em}}@media (min-width: 1280px){.header-wrapper{padding-inline:15em}.nav-logo{width:3.5em}.personal-logo{width:12em}.intro-section{margin-block-end:7em}.intro-image{width:20em;margin-block-start:2em;margin-inline-end:14em}.intro-text-wrapper{padding:0;margin-inline-start:14em}.project-cards-wrapper{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);margin-inline:4em}.footer-wrapper{padding-inline:2.5em}}@media (min-width: 1500px){.project-cards-wrapper{margin-inline:8em}}