@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap";:root{--text: hsl(0, 0%, 0%);--accent1: hsl(175, 81%, 19%);--accent1-transparent: hsl(175, 79%, 26%, .4);--accent2: hsl(269, 65%, 54%);--accent2-transparent: hsl(269, 65%, 54%, .2);--accent2-hover: hsl(269, 56%, 49%);--accent3: hsl(40, 77%, 53%);--bg1: hsl(240, 20%, 92%);--bg2: hsl(240, 31%, 90%);--shadow: 12px 12px 30px hsl(255, 36%, 17%, .35);--shadow-color: hsla(0, 0%, 35%, .4);--invert-text-color: 0%;--invert-bg-color: 100%;--text-dark: hsl(0, 0%, 100%);--accent1-dark: hsl(175, 56%, 42%);--accent1-transparent-dark: hsl(175, 79%, 26%, .7);--accent2-dark: hsl(269, 67%, 65%);--accent2-transparent-dark: hsl(269, 67%, 65%, .6);--accent2-hover-dark: hsl(269, 44%, 68%);--accent3-dark: hsl(40, 77%, 53%);--bg1-dark: hsl(0, 0%, 10%);--bg2-dark: hsl(240, 4%, 32%);--shadow-dark: 12px 12px 30px hsl(26, 37%, 96%, .15);--shadow-color-dark: hsl(26, 37%, 96%, .4);--invert-text-color-dark: 100%;--invert-bg-color-dark: 0%}@media (prefers-color-scheme: dark){:root{--text: var(--text-dark);--accent1: var(--accent1-dark);--accent1-transparent: var(--accent1-transparent-dark);--accent2: var(--accent2-dark);--accent2-transparent: var(--accent2-transparent-dark);--accent2-hover: var(--accent2-hover-dark);--accent3: var(--accent3-dark);--bg1: var(--bg1-dark);--bg2: var(--bg2-dark);--shadow: var(--shadow-dark);--shadow-color: var(--shadow-color-dark);--invert-text-color: var(--invert-text-color-dark);--invert-bg-color: var(--invert-bg-color-dark)}}*{box-sizing:border-box}body{font-family:sans-serif;color:var(--text);background-color:var(--bg1);margin:0}html{font-family:Quicksand,sans-serif;line-height:1.5;color:var(--text);scroll-behavior:smooth;scroll-margin:0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:80rem}h1{font-size:2rem}section{padding:50px;width:100%;text-align:center}.max-width{display:flex;flex-direction:column;align-items:center;max-width:2000px}header{display:flex;flex-direction:column;justify-items:center;justify-content:center;background-color:var(--bg1);min-height:100vh;padding:30px}header .profile{display:flex;flex-direction:row;justify-content:center;align-items:center}header .profile-info{display:inline-flex;flex-direction:column;align-items:center;text-align:center;padding:10px;max-width:1000px}header h1{margin:0;font-family:Roboto Condensed,sans-serif;font-size:5rem;color:var(--accent1)}header h3{color:var(--accent2);font-size:2.6rem}header p{margin:0;font-size:1.8rem;font-family:Roboto Condensed,sans-serif}header .profile-image{max-width:400px;overflow:hidden;min-height:400px;min-width:400px;border:10px solid var(--accent1);border-radius:50%;box-shadow:8px 8px 10px var(--accent1-transparent);background-image:url(/portfolio/profile-image.jpg);background-size:cover;background-repeat:no-repeat;background-position-y:-30px;object-fit:cover;margin:40px}header .about-me-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10px}header .button.linkedIn{background-color:var(--accent1);color:#fff;border:var(--bg2) solid 3px;border-radius:12px;box-shadow:4px 4px 20px var(--accent1-transparent);padding:20px;max-width:200px;margin:50px 0;font-size:1.5rem;font-family:Quicksand,sans-serif;font-weight:700;cursor:pointer;text-decoration:none}header .button.about-me{background-color:var(--accent2);color:#fff;border:var(--bg2) solid 3px;border-radius:12px;box-shadow:4px 4px 20px var(--accent2-transparent);padding:20px;max-width:200px;margin:50px 0;font-size:1.5rem;font-variant:small-caps;font-weight:700;cursor:pointer;text-decoration:none}header .button:hover{color:var(--bg1);border:var(--bg1) solid 3px}header .button:active{box-shadow:inset 2px 2px #32323299}@media (max-width: 1200px){header{display:flex;flex-direction:column}header h1{font-size:4rem}header h3{font-size:2.5rem}header .profile p{font-size:1.5rem}header .profile-info{max-width:800px}}@media (max-width: 1000px){header .profile{display:flex;flex-direction:column}header .profile-image{overflow:hidden;margin:20px 40px;min-height:350px;min-width:350px}header .profile h1{font-size:3rem}header .profile h3{font-size:1.8rem}header .profile p{font-size:1.53rem}header .profile-info{max-width:90%}}@media (max-width: 740px){header .profile-image{overflow:hidden;margin-bottom:20px;min-height:350px;min-width:350px}header h1{font-size:3rem}header h3{font-size:2rem}header .profile p{font-size:1.2rem}header .profile-info{max-width:800px}}@media (max-width: 600px){header h1,header h3{text-align:center}header .profile-image{overflow:hidden;margin-bottom:10px;min-height:250px;min-width:250px}header .profile-info{max-width:530px}}@media (max-width: 450px){header .profile-image{overflow:hidden;margin-bottom:10px;min-height:200px;min-width:200px}header .profile-info{max-width:400px}header .button{font-size:1rem;margin:20px 0 0}}.locale-selector{position:fixed;z-index:2;top:2vh;left:2vw}.selected-locale{background-color:var(--accent1);color:#fff;border:var(--bg2) solid 2px;border-radius:8px;padding:5px;margin:0 3px;opacity:1;font-size:medium;font-variant:small-caps;font-weight:700}.unselected-locale{background-color:var(--bg2);color:#fff;border:var(--accent1) solid 2px;border-radius:8px;padding:5px;opacity:1;font-size:medium;font-variant:small-caps}.menu .locale-selector{position:fixed;z-index:10;opacity:1}@keyframes fade-out{to{opacity:1;z-index:10}}.menu .menu-list{list-style:none;padding:20px;position:fixed;bottom:20px;left:0;right:0;margin-inline:auto;width:fit-content;display:inline-flex;justify-content:center;align-items:center;gap:8px;background-color:var(--text);box-shadow:2px 4px 8px 4px var(--shadow-color);border-radius:20px;z-index:-2;opacity:0;animation:fade-out linear forwards;animation-timeline:view()}.menu .menu-option{text-align:center}.menu a{text-decoration:none;color:var(--bg1);padding:0 10px;font-size:1rem;font-variant:small-caps;font-weight:700}@media (max-width: 1300px){.menu .menu-list{gap:2px}.locale-selector{display:flex;flex-direction:column;justify-items:stretch;gap:6px}.selected-locale{opacity:.8;margin:0;font-size:small;font-variant:normal}.unselected-locale{opacity:.8;font-size:small;font-variant:normal}}@media (max-width: 800px){.menu .menu-list{display:none}header .about-me-buttons .button{font-size:1rem}}#projects{position:relative;min-height:100vh;background-color:var(--bg2)}#projects h1{color:var(--text)}#projects .title-link{text-decoration:none}#projects .project-list{list-style:none;padding:0;display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.project-info{display:flex;justify-content:space-between;flex-basis:45%;background-color:var(--accent2-transparent);border-radius:10px;box-shadow:2px 2px 4px var(--bg1);color:var(--test);padding:10px;max-width:500px}.project-info h3{color:var(--text)}ul.tech-list{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;margin:2px}ul.tech-list li{display:flex;justify-content:center;padding:1px 5px;margin:2px 4px;border:2px solid var(--bg1);border-radius:6px}.project-list li{display:flex;flex-direction:column}.project-info .project-links{display:flex;justify-content:center;margin:4px 0;gap:1rem}.project-links a{text-decoration:none;color:var(--text);display:flex}.project-links a:hover{color:var(--accent2);text-shadow:var(--shadow-color) 3px 3px 4px}.project-links a img{margin:auto}img.text-color{filter:invert(var(--invert-text))}.project-links a .github-link{height:1.5rem;width:1.5rem}@media (min-width: 1280px){.project-info{flex-basis:25%}}@media (max-width: 800px){#projects{padding:15px}.project-info{flex-basis:80%}}#experience{--path-color: var(--accent1);display:flex;flex-direction:column;align-items:center;position:relative;min-height:100vh}#experience .title-link{text-decoration:none;color:var(--text)}#exp-max-width{width:3px}#experience ul{padding:30px 0}#experience ul{position:relative;z-index:1;width:6px;padding-top:20px;background-color:var(--path-color)}#experience ul li{list-style:none;position:relative;z-index:-1;width:6px;margin:0 auto;padding:10px 0}#experience ul li .line{display:flex;text-align:center;align-items:center;transform:translate(-50%);width:80vw;max-width:1280px}#experience ul li .job{position:relative;bottom:0;width:40vw;padding:1rem;transition:all .5s ease-in-out;border-radius:10px;font-size:1.1rem;background-color:var(--accent1-transparent);border:1px solid var(--accent1);box-shadow:4px 4px 8px var(--accent1-transparent)}.job h3{color:var(--text);font-size:1.4rem}#experience ul li .where-when{position:relative;line-height:.5rem;width:40vw;background-color:var(--bg1)}.where-when h3{color:var(--accent1);font-size:1.4rem}#experience ul li .date{font-style:italic;font-size:1rem}#experience ul li .place{font-weight:700;line-height:1.1rem;font-size:1rem}#experience ul li:nth-child(odd) .job{text-align:left;margin-left:60px}#experience ul li:nth-child(2n) .where-when{text-align:left;transform:translate(111%)}#experience ul li:nth-child(odd) .where-when{text-align:right}#experience ul li:nth-child(2n) .job{text-align:right;margin-right:60px;transform:translate(-100%)}#experience ul:after{content:"";position:absolute;left:50%;bottom:100%;width:20px;height:20px;background-color:var(--path-color);transform:translate(-50%);border-radius:50%}#experience ul:before{content:"";position:absolute;left:50%;top:100%;width:20px;height:20px;background-color:var(--path-color);transform:translate(-50%);border-radius:50%}#experience ul li:after{content:"";position:absolute;left:50%;bottom:50%;width:20px;height:20px;background-color:var(--path-color);transform:translate(-50%);border-radius:50%}@media (max-width: 1200px){#experience{display:flex;flex-direction:column;text-align:center;position:relative}#experience ul{display:flex;flex-direction:column;text-align:left;justify-items:left;justify-content:left}#exp-max-width{display:flex;flex-direction:column;width:90%}#experience ul li .line{flex-direction:column;text-align:left;transform:translate(0)}#experience ul li .line .where-when{display:flex;position:relative;align-items:center;gap:20px;margin-bottom:20px}#experience ul li .line .where-when .place{position:absolute;top:23px}#experience ul li:nth-child(odd) .job{text-align:left;margin-left:0}#experience ul li:nth-child(odd) .where-when{text-align:left}#experience ul li:nth-child(2n) .where-when{text-align:left;transform:translate(0)}#experience ul li:nth-child(2n) .job{text-align:left;margin-right:0;transform:translate(0)}#experience ul li .job,#experience ul li .where-when{width:70vw}}@media (max-width: 600px){#experience ul li .line .where-when{display:flex;flex-direction:column;align-items:start;gap:0}#experience ul li .line .where-when h3{margin:5px 0 12px 6px}#experience ul li .line .where-when p{margin:6px}#experience ul li .line .where-when .place{position:static}}#education{display:flex;justify-content:center;background-color:var(--bg2);color:var(--text);min-height:100vh}#education .education-title{text-decoration:none;color:var(--text)}#education ul{list-style:none;padding:0;display:flex;gap:30px}#education ul li{background-color:var(--accent2-transparent);border-radius:10px;border:2px solid var(--accent2);box-shadow:2px 2px 8px var(--accent2-transparent);padding:10px;flex-basis:50%}@media (max-width: 800px){#education ul.certification-list{display:flex;justify-content:center;flex-wrap:wrap}#education ul.certification-list li{flex-basis:40%}#education ul.education-list{display:flex;justify-content:center;flex-wrap:wrap}#education ul.education-list li{flex-basis:80%}}@media (max-width: 500px){#education ul.certification-list li{flex-basis:80%}}#soft-skills{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;font-size:1.5rem}#soft-skills h1,#soft-skills h4{color:var(--accent1)}.soft-skill-title-link{text-decoration:none;color:var(--text)}#soft-skills ul{list-style:none;padding:0;margin:0;display:flex;max-width:1300px;gap:2.3rem;flex-wrap:wrap;justify-content:center}#soft-skills li{display:flex;flex-direction:column;justify-items:baseline;align-items:center;width:230px;text-align:center;padding:10px}#soft-skills li img{width:170px}#soft-skills .skill-container{background-color:var(--accent1-transparent);padding:30px;width:150px;border-radius:50%}#soft-skills li img{height:70px;width:70px;object-fit:contain;align-self:center}#soft-skills li img.text-color{filter:invert(var(--invert-text-color))}#soft-skills li h4{margin:.5rem 0}#soft-skills li p{font-size:1rem}@media (max-width: 700px){section{padding:25px}#soft-skills ul{gap:1rem}#soft-skills li{display:flex;flex-direction:row;width:100%;gap:15px}#soft-skills .skill-details{display:flex;flex-direction:column}}@media (max-width: 400px){#soft-skills ul{gap:1rem}#soft-skills li{display:flex;flex-direction:column;width:100%;gap:15px}#soft-skills .skill-container{padding:12px;width:100px}#soft-skills li img{height:50px;width:50px;object-fit:contain;align-self:center}#soft-skills li h4{font-size:1.3rem}#soft-skills li p{font-size:.8rem}}#tech-skills{background-color:var(--bg2);color:var(--text)}#tech-skills{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;font-size:1.5rem}.tech-skill-title-link{text-decoration:none;color:var(--text)}#tech-skills .filter{display:flex;justify-content:center;flex-wrap:wrap;font-size:1.2rem;color:var(--text);background-color:var(--bg1);box-shadow:var(--shadow);padding:10px 30px;margin-bottom:30px;border-radius:20px;gap:1rem}#tech-skills .filter .filter-option{display:flex;gap:1rem}#tech-skills .filter input[type=checkbox]{accent-color:var(--accent2);padding:2px;margin-right:8px}#tech-skills .filter-option #label-select-all{font-weight:700}#tech-skills ul{list-style:none;padding:0;margin:0;display:flex;max-width:1600px;gap:2.3rem;flex-wrap:wrap;justify-content:center}#tech-skills li{display:flex;flex-direction:column;justify-items:baseline;align-items:center;width:230px;text-align:center;padding:10px;border-radius:12px}#tech-skills li:hover{border-radius:12px;box-shadow:8px 8px 20px 4px var(--shadow-color)}#tech-skills li img{height:70px;width:70px;object-fit:contain;align-self:center}#tech-skills li h4{margin:.5rem 0}#tech-skills li p{font-size:1rem}@media (max-width: 1000px){#tech-skills ul{gap:1rem}#tech-skills li{flex-basis:20%}}@media (max-width: 700px){section{padding:25px}#tech-skills ul{gap:.8rem}#tech-skills li{flex-basis:40%}}@media (max-width: 400px){#tech-skills ul{justify-content:center;gap:.5rem}#tech-skills li{flex-basis:40%}#tech-skills li img{height:50px;width:50px;object-fit:contain;align-self:center}#tech-skills li h4{font-size:1.3rem}}footer{display:flex;flex-direction:column;text-align:center;padding-bottom:130px}footer h1{color:var(--accent1)}footer ul{list-style:none;padding:0;margin:0;display:flex;gap:30px;justify-content:center}footer li{background-color:var(--bg1);padding:15px;border:6px solid var(--accent1);border-radius:10%}.social svg{width:80px;height:80px;fill:var(--text)}@media (max-width: 1000px){.social svg{width:65px;height:65px}}@media (max-width: 700px){footer ul{width:80%;display:flex;flex-wrap:wrap}.social{justify-items:center}.social svg{width:50px;height:50px}}