@import url(https://fonts.googleapis.com/css2?family=Readex+Pro:wght@300;400;500;600;700&display=swap);h2,h3{line-height:1.2}.btn,.buttons button,.enter,.hamburger,label{cursor:pointer}*,ol{padding:0}.breadcrumb,.card-body ul,.qualifications--list{list-style:none}.card-btn,.card-title{text-transform:capitalize}:root{--skipLinkBgColor-light:#000;--skipLinkColor-light:#f9fafb;--breadcrumbTextColor-light:#000;--breadcrumbBgColor-light:#dadada;--breadcrumbBgColorHover-light:#948f8f;--mainTextColor-light:#000;--secondaryTextColor-light:#333333;--mainLinkColor-light:#0000e2;--mainBorderColor-light:#dadada;--mainBgColor-light:#f9fafb;--skipLinkBgColor-dark:#fff;--skipLinkColor-dark:#131415;--breadcrumbTextColor-dark:#fff;--breadcrumbBgColor-dark:#167a8a;--breadcrumbBgColorHover-dark:#298080;--mainTextColor-dark:#fff;--secondaryTextColor-dark:#adb0b1;--mainLinkColor-dark:#1b97aa;--mainBorderColor-dark:#2b3031;--mainBgColor-dark:#131415;--skipLinkBgColor:var(--skipLinkBgColor-light);--skipLinkColor:var(--skipLinkColor-light);--breadcrumbTextColor:var(--breadcrumbTextColor-);--breadcrumbBgColor:var(--breadcrumbBgColor-light);--breadcrumbBgColorHover:var(--breadcrumbBgColorHover-light);--mainTextColor:var(--mainTextColor-light);--secondaryTextColor:var(--secondaryTextColor-light);--mainLinkColor:var(--mainLinkColor-light);--mainBorderColor:var(--mainBorderColor-light);--mainBgColor:var(--mainBgColor-light)}[data-theme=dark]{--skipLinkBgColor:var(--skipLinkBgColor-dark);--skipLinkColor:var(--skipLinkColor-dark);--breadcrumbTextColor:var(--breadcrumbTextColor-light);--breadcrumbBgColor:var(--breadcrumbBgColor-dark);--breadcrumbBgColorHover:var(--breadcrumbBgColorHover-dark);--mainTextColor:var(--mainTextColor-dark);--secondaryTextColor:var(--secondaryTextColor-dark);--mainLinkColor:var(--mainLinkColor-dark);--mainBorderColor:var(--mainBorderColor-dark);--mainBgColor:var(--mainBgColor-dark)}*{font-family:'Readex Pro';line-height:1.5em;box-sizing:border-box;color:var(--mainTextColor);margin:0}html{font-size:62.5%}body{background-color:var(--mainBgColor)}.projects-wrapper,header,main{max-width:1360px;margin:auto}h1,h2{margin-bottom:3.2rem}main section{max-width:900px;margin:auto;padding:1em}ol{margin:10px 0}li{line-height:1.9em;margin-left:1.5em}li,p,span{color:var(--secondaryTextColor);font-size:1.8em}i{padding:0 10px}.overlay-wrapper{margin:0;display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;text-align:center;height:100vh;width:100vw;background:#000}.skip-nav-link,input,label svg,label:after{position:absolute}.overlay-wrapper-element{max-width:960px;margin:0 4em;color:#fff}.overlay-wrapper h1,.overlay-wrapper-element{margin-bottom:1em}.enter{border:1px solid #fff;background:#000;padding:1em 2em;font-size:2em;transition:.5s;color:#fff}.enter:active,.enter:focus,.enter:hover{background-color:#fff;color:#000}.enter:focus{outline:#fff solid 3px;outline-offset:2px}.hidden{display:none}h1{font-size:4.4rem;line-height:1.05}h2{font-size:3.6rem;text-align:center;margin-top:6.4rem}h3{font-size:2.4rem;margin-bottom:2.4rem;color:#fff;color:var(--mainTextColor)}h4{font-size:2.2rem;line-height:1;margin-bottom:2.2rem;color:#fff}p{line-height:1.8;margin-bottom:1.6rem}.skip-nav-link{background-color:var(--skipLinkBgColor);color:var(--skipLinkColor);z-index:10;top:-10px;left:50%;transform:translate(-50%,-100%);transition:transform .3s;font-size:12px;padding:.5rem;border-radius:0 0 .25rem .25rem;text-decoration:none}.btn i,.card--project a,a,label,label svg.moon,label svg.sun,label:after{transition:.3s}.skip-nav-link:focus{top:0;transform:translate(-50%,0)}.profile{display:flex;align-items:center;gap:4em;max-width:900px;margin:auto;padding:1em}.profile img{width:150px;height:150px;object-fit:cover;border-radius:50%}.pointing-finger-icon{font-size:1em}section.contrast{display:flex;justify-content:center;align-items:center;margin-bottom:1.5em}label{width:100px;height:42px;position:relative;display:block;background:#ebebeb;border-radius:200px;box-shadow:inset 0 5px 15px rgba(0,0,0,.4),inset 0 -5px 15px rgba(255,255,255,.4)}label:after{content:'';width:40px;height:40px;top:0;left:5px;background:linear-gradient(180deg,#ffcc89,#d8860b);border-radius:180px;box-shadow:0 5px 10px rgba(0,0,0,.2)}input{left:-9999px}input:focus{outline:0;box-shadow:none}input:checked+label,input:checked+label+.background{background:#242424}input:checked+label:after{left:95px;transform:translateX(-100%);background:linear-gradient(180deg,#777,#3a3a3a)}label:active:after{width:80px}label svg{width:30px;top:3px;z-index:100}label svg.sun{left:10px;fill:#fff}label svg.moon{left:60px;fill:#7e7e7e}input:checked+label+svg.sun{fill:#7e7e7e}input:checked+label+svg.moon{fill:#fff}input:focus+label,input:focus-visible+label{box-shadow:0 0 0 3px var(--mainTextColor);border-radius:200px}.buttons{padding:1.2rem 0 2.4rem;display:flex;justify-content:center;flex-wrap:wrap;font-size:1.6rem}.btn,.buttons button{margin:1em;padding:.5em .75em;font-size:1.6rem;border:2px solid #444;background:var(--breadcrumbBgColor);color:#fff;color:var(--breadcrumbTextColor);border-radius:.5em;transition:.3s}.btn{padding:.7em 1.5em;background:#333;border-radius:.2em;color:#fff}.btn i{color:#fff}.btn-active i{color:#000}.btn:hover,.btn:hover i,.buttons .btn-active,.buttons button:focus,.buttons button:hover{background:#fff;color:#111}.hamburger{color:var(--mainTextColor);display:none;background:0 0;border:none;font-size:2.4rem;color:var(--mainTextColor);width:2em;margin:.5em 1rem .5em auto}@media (max-width:768px){.hamburger{display:block}.buttons{display:none;flex-direction:column;align-items:center;width:100%;padding:1rem 0}.buttons.show{display:flex}.btn{width:90%;text-align:center}}.breadcrumb{text-align:left}.breadcrumb li{float:left}.breadcrumb a{background-color:inherit}.breadcrumb a,.breadcrumb li:last-child{display:flex;justify-content:center;align-items:center;color:var(--breadcrumbTextColor);background:var(--breadcrumbBgColor);text-decoration:none;position:relative;height:30px;text-align:center;padding:0 10px}.breadcrumb li:last-child{background-color:var(--mainTextColor);color:var(--mainBgColor)}.breadcrumb li:last-child span{font-size:18px;color:var(--breadcrumbTextColor)}.breadcrumb a::after,.breadcrumb a::before,.breadcrumb li:last-child::after,.breadcrumb li:last-child::before{content:'';position:absolute;border-color:var(--breadcrumbBgColor);border-style:solid;border-width:15px 6px}.breadcrumb a::before,.breadcrumb li:last-child::before{left:-10px;border-left-color:transparent}.breadcrumb a::after{left:99%;border-color:transparent;border-left-color:var(--breadcrumbBgColor)}.breadcrumb a:hover{background-color:var(--breadcrumbBgColorHover)}.breadcrumb a:hover::before{border-color:var(--breadcrumbBgColorHover);border-left-color:transparent}.breadcrumb a:hover::after{border-left-color:var(--breadcrumbBgColorHover)}.breadcrumb li:last-child::after,.breadcrumb li:last-child::before{border-color:var(--mainTextColor)}.breadcrumb li:last-child::after{left:99%;border-color:transparent;border-left-color:var(--mainTextColor)}.breadcrumb::after{content:'';display:table;clear:both}.line-break{background-color:var(--mainBorderColor);height:1px}.wrapper--techstack__items{display:flex;flex-wrap:wrap;gap:1em;font-size:.9em}.card--techstack{border:1px solid var(--mainBorderColor);border-radius:5px;padding:.5em 1em;align-items:center}.card--work-history,.project--details{border-left:1px solid var(--mainBorderColor);margin-top:3em;margin-bottom:3em;padding-left:2em}.project--details h3,.skills-tools-bg li{color:var(--mainTextColor)}.project--details ul{columns:2;list-style-position:inside;text-indent:-25px}.project--details ul.no-columns{columns:1}.skills-tools-bg{color:var(--breadcrumbTextColor);background:var(--breadcrumbBgColor);padding:2.5em 2em;margin-top:5em}.card--project{padding-top:1em;padding-bottom:1em;border-top:1px solid var(--mainBorderColor)}.card--project a,a{color:var(--mainLinkColor);text-decoration:none;font-weight:600}.card--project a:hover,a:hover{color:var(--mainTextColor);text-decoration:underline}.projects-cards-container .card div.content h3,a:hover{color:#fff}.projects-cards-container{max-width:1360px;margin:auto;display:flex;align-content:center;flex-wrap:wrap;gap:2em}.projects-cards-container>.project{position:relative;height:320px;margin-bottom:1.8rem}.project-buttons{display:flex;flex-wrap:wrap}.project-buttons .btn{margin-left:0}.no-outline{outline:0}.no-outline:focus{outline:0;box-shadow:0 0 0 8px rgba(0,95,204,.75);border-radius:4px}.text-center{text-align:center}.projects-cards-container .card div.content{position:absolute;margin:0;padding:3em 1.25em 0;width:100%;background-color:rgba(0,0,0,.8);min-height:85px;display:flex;justify-content:center;align-items:center;text-align:center}.projects-cards-container .card div.content-more{display:block;position:absolute;top:250px;left:50%;transform:translateX(-50%);border:2px solid #000;padding:5px 10px;color:#fff;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);text-align:center;background-color:rgba(56,56,56,.8);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-transform:capitalize;width:50%;font-size:2em;font-weight:500;cursor:pointer}.projects-cards-container .proj-expand{width:43rem}.projects-cards-container .proj-shrink{width:0;margin:0;padding:0;overflow:hidden;visibility:hidden;opacity:0;pointer-events:none;position:absolute}.projects-cards-container .proj-expand,.projects-cards-container .proj-shrink{transition:.6s}.project-photo-container{max-width:800px;margin:4em auto}.project-photo-container img{width:100%;height:auto}.notes p,.project-photo-container p{margin:0;font-style:italic}.notes p{font-size:1.5em}footer p{margin-top:1.5em;text-align:center}.sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.isDisabled{cursor:not-allowed;opacity:.5}.isDisabled>a{color:currentColor;pointer-events:none;text-decoration:none}.card{width:100%;height:320px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;overflow:hidden;border:8px solid var(--mainTextColor);position:relative}.card-body,.card-img{width:100%;height:100%}.card-img{object-fit:cover;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px}.card-body{position:absolute;top:0;background:rgba(27,151,170,.8);backdrop-filter:blur(5px);border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;padding:15px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;transition:250ms;-webkit-transition:250ms;-moz-transition:250ms;-ms-transition:250ms;-o-transition:250ms}.card-body ul{margin:0 0 0 -40px}.card-body ul li,.card-body ul li span{color:#fff;text-align:center;font-weight:800;font-size:22px}.card:hover .card-body{right:0}.card-body-hidden{right:-100%}.card-title{text-align:center;font-size:25px;font-weight:500;border-bottom:2px solid #fff}.card-info{color:#fff;font-size:16px;line-height:25px;margin:40px 0;font-weight:400}.card-btn{background-color:rgba(56,56,56,.8);border:2px solid #000;padding:5px 10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;text-align:center;color:#fff;width:50%;font-size:2em;font-weight:500;cursor:pointer}@media screen and (max-width:1440px){.projects-cards-container{max-width:896px}}@media screen and (min-width:987px){div.content-more{display:none}}@media screen and (max-width:986px){.projects-cards-container{align-items:center;flex-direction:column}.projects-cards-container .proj-shrink{height:0}.projects-cards-container article{margin-right:0!important;margin-left:0!important}}@media screen and (max-width:780px){.project--details ul{columns:1}}@media screen and (max-width:600px){.buttons a,button,h1{text-align:center}.overlay-wrapper-element{margin:0 .7em}.enter{margin-top:1em}.buttons a,button{width:75%;display:block}.btn{padding:.7em 1em}button{width:30%}.profile{display:flex;flex-direction:column;align-items:center;gap:1em;padding-bottom:0}.profile img{width:200px;height:200px}.card--work-history,.project--details{border-left:none;padding-left:0}.skills-tools-bg{padding:2.5em 2em}.projects-cards-container .proj-expand,.projects-cards-container article{width:100%}}@media screen and (max-width:425px){.breadcrumb li{margin-bottom:.5em}.breadcrumb li:last-child{margin-bottom:0}.projects-wrapper{padding:1em}.projects-cards-container>.project{width:100%}h2{font-size:3rem}.content h2{font-size:1.3em}button{width:40%}}@media screen and (max-width:375px){.content h2{font-size:1.15em}.card-body ul li,.card-body ul li span{font-size:19px}}@media screen and (max-width:320px){.breadcrumb li{font-size:1.5em}.content h2{font-size:44em}.projects-cards-container div.content{padding:0 1em}.buttons button{width:39%;padding:.5em .15em}.card-btn{width:60%}}