*{margin:0;padding:0;text-decoration:none;font-family:Lato,sans-serif}.flex{display:flex}.flex-column{flex-direction:column}.grid{display:grid}html{overflow:hidden}html,body,#root{height:100%}:root{height:100%;width:100%;--main-bg-color: #1d2124;--main-text-color: #fff;--secondary-text-color: #ddd;--main-highlight-color: #10ac84;--secondary-highlight-color: #1dd1a1;--main-width: 95%;--project-container-width: 90%;--header-height: 54px;--header-margin: 24px;--footer-height: 106px}body{background-color:var(--main-bg-color);overflow:scroll;font-size:62.5%}#root{display:flex;flex-direction:column;align-items:center;justify-content:space-between}a{color:var(--main-highlight-color)}header,footer{width:100%;justify-content:center;position:sticky;background-color:var(--main-bg-color)}header{top:0;position:sticky;z-index:1;border-bottom:2px solid var(--secondary-highlight-color);margin-bottom:var(--header-margin)}header ul{justify-content:center;align-items:center;list-style:none}header ul li,header ul li a p{font-size:1.8rem;padding:0 1%;margin:0 1%;justify-content:center;align-items:center}header ul li a{padding:12px 0;color:var(--main-text-color)}header ul li a:hover{color:var(--secondary-highlight-color)}header ul li.selected a,header ul li a:focus{color:var(--main-highlight-color)}footer{align-items:center;padding:15px 0;background-color:#0009}footer .tech-icon-container p{visibility:hidden;padding-top:12px}footer .tech-icon-container:hover p{visibility:visible}main{color:var(--main-text-color);width:var(--main-width);align-items:center;flex:1}h1{width:100%;text-align:center;padding-bottom:6px;font-size:2.8rem}h2{padding-bottom:3px;font-size:2rem}h3{font-size:1.4rem}h4{font-size:1rem}p,span,strong{font-size:1.4rem}.card{border-radius:4px;width:67%;padding:24px;margin-bottom:var(--header-margin)}.card p{margin:6px 0;font-size:1.4rem}.home-card-section h2{margin:12px 0 0}.home-card-section p:nth-child(odd){margin:18px 0}.tech-icons-container{flex-wrap:wrap}.tech-icons-container p.tech-icon-label{font-size:1.2rem;margin:6px;font-weight:700;color:#fff}.tech-icon-container{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;width:114px}.tech-icon{height:80px}.home-card-sections-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:1fr;gap:36px;justify-items:stretch;align-items:stretch}.home-card-section p{color:var(--secondary-text-color)}.education-title-container{flex-direction:column;align-items:center;text-align:center;padding:6px 0}.education-title-text-container{justify-content:space-evenly;padding:0 0 12px}.education-title-text-container h3,.education-title-text-container h4{color:var(--secondary-text-color);padding:4px 0}.education-title-text-container h4{font-style:none}.education-title-logo-container{flex:1;justify-content:flex-end;align-items:center}.cu-logo{height:90px;padding-right:24px}.project-container-root{margin-top:-12px}.project-container{width:var(--project-container-width);padding:12px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows:1fr;gap:36px;justify-items:stretch;align-items:stretch}.project-card a{outline:2px solid var(--main-text-color);border-radius:4px;height:80%;justify-content:space-around;color:var(--main-text-color);padding:12px;text-align:center}.project-card a:hover{outline-color:var(--secondary-highlight-color)}.project-card a:focus{outline-color:var(--main-highlight-color)}.project-card p{color:var(--secondary-text-color);font-style:italic;font-size:1rem}.project-page-container{width:var(--project-container-width);padding:12px;justify-content:center}.project-page-section{margin:12px 0;flex-wrap:wrap;justify-content:space-between;align-items:center}.project-page-media{width:100%}.project-text{flex-direction:column}.project-text p,.project-page-list li{margin:6px 0}.project-tech-icons-container{width:100%}.project-tech-icons-container .tech-icons-container{justify-content:flex-start}.project-tech-icons-container .tech-icons-container .tech-icon-container{margin:0 12px}.err-404-card{text-align:center}@media only screen and (min-width: 768px){:root{--main-width: 70%;--project-container-width: 95%;--header-margin: 36px}header ul li{padding:0 36px;font-size:2.6rem}.card{outline:2px solid var(--secondary-highlight-color)}.tech-icons-container p.tech-icon-label{font-size:1rem}.tech-icon{height:62px}.education-title-container{flex-direction:row;text-align:left}}@media only screen and (min-width: 1378px){.project-page-media{width:48%;min-width:450px}.project-text-side{width:50%}}@font-face{font-family:Lato;src:url(./fonts/Lato-Regular.ttf);font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-Light.ttf);font-weight:300;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-LightItalic.ttf);font-weight:300;font-style:italic}@font-face{font-family:Lato;src:url(./fonts/Lato-Thin.ttf);font-weight:100;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-ThinItalic.ttf);font-weight:100;font-style:italic}@font-face{font-family:Lato;src:url(./fonts/Lato-Black.ttf);font-weight:900;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-BlackItalic.ttf);font-weight:900;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Lato;src:url(./fonts/Lato-BoldItalic.ttf);font-weight:700;font-style:italic}@font-face{font-family:Lato;src:url(./fonts/Lato-Italic.ttf);font-weight:400;font-style:italic}