:root{--primary-dark: rgb(0, 57, 50);--primary-mid: rgb(8, 95, 73);--primary-light: rgb(173, 248, 218);--secondary-light: rgb(241, 207, 140);--secondary-mid: rgb(212, 145, 21);--secondary-dark: rgb(106, 71, 7);--background: rgb(0, 0, 0);--card-dark: rgb(32, 34, 34);--card-light: rgb(52, 63, 64);--text-light: rgb(221, 221, 221);--text-dark: rgb(35, 35, 35);font-family:sans-serif,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{margin:0;padding:0;font-size:16px;font-weight:400;border:none;color:var(--text-light);text-decoration:none}h1{font-weight:700;font-size:36px;text-wrap:wrap;text-align:center}h2{font-weight:700;font-size:24px;text-wrap:wrap;text-align:center}h3{font-size:20px;text-wrap:wrap;text-align:center}p{text-align:center}body{background-color:var(--background);min-height:100vh}.button{background-color:var(--card-light);padding:10px 15px;border-radius:5px}.button:hover{filter:brightness(80%);cursor:pointer}.button:active{filter:brightness(105%);cursor:pointer}.link{text-decoration:underline}.main{width:100%;height:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.top{width:100%}.hexagon-background{position:absolute;width:100%;height:100%;color:var(--background);z-index:-3}.mouse-light{width:100%;height:100%;position:absolute;color:#ffffff59;background-color:var(--primary-dark);z-index:-4}.home-page{width:100%;margin-bottom:50px}.home-img-container{position:relative;width:100%;height:200px;display:flex;place-items:center}.home-img-overlay{position:absolute;width:100%;height:100%;background-color:var(--primary-dark);opacity:50%;z-index:-1}.home-img{position:absolute;object-fit:cover;width:100%;height:100%;z-index:-2}.home-img-title{padding:10px 15px;margin:auto;background-color:#0006;display:flex;flex-direction:column;place-items:center}.home-img-title *{color:var(--text-light)}.portrait-section{display:flex;align-items:center;justify-content:space-around}.portrait-img-container{--portrait-width: 250px;position:relative;width:var(--portrait-width);height:var(--portrait-width);margin:150px 15px 15px}.portrait-img{width:100%;height:auto;border-bottom-left-radius:calc(var(--portrait-width) / 2);border-bottom-right-radius:calc(var(--portrait-width) / 2);position:absolute;bottom:0}.photo-outline{--portrait-border-weight: 5px;position:absolute;border:var(--portrait-border-weight) var(--secondary-light) solid;transform:translate(calc(var(--portrait-border-weight) * -1),calc(var(--portrait-border-weight) * -1));border-radius:50%;width:100%;height:100%;z-index:-1}.description{max-width:50%;margin-top:50px}.description-paragraph{transform:translateY(200px);transition:transform .75s,opacity .75s;background-color:var(--secondary-dark);font-size:18px;padding:10px 15px;margin:10px;border-radius:5px;opacity:0}.description-paragraph.animated{transform:translate(0);opacity:1}@media (max-width: 800px){.description{max-width:90%;margin-top:50px}.portrait-img-container{left:auto}.portrait-section{flex-direction:column}}@media (max-width: 350px){.portrait-img-container{--portrait-width: 200px}}.hexagon-container{position:relative;width:100%;height:100%;overflow:hidden}.hexagon-canvas{position:absolute}.navbar{width:100%;height:100px;background-color:var(--card-dark);display:flex;align-items:center;justify-content:space-around}.projects-page{margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.card-container{position:relative;transition:height .5s ease-in-out,width .5s ease-in-out;border-radius:5px;margin:10px;overflow:hidden}.card{display:flex;flex-direction:column;background-color:var(--card-light);position:absolute}.card-top{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;margin:0 15px;width:50vw;border-bottom:3px var(--card-dark) solid}.card-bottom{width:60vw;padding:10px 15px}.card-technologies{margin-top:10px;display:flex;flex-wrap:wrap}.card-technology{font-size:14px;padding:2px 5px;margin:2px 5px;border-radius:5px;background-color:var(--card-dark)}.icon.button{display:flex;padding:0;margin:0 10px;align-items:center}.icon-path{transition:transform .1s ease-in-out}.icon-path.right{transform:rotate(0)}.icon-path.down{transform:rotate(90deg)}.links{display:flex;flex-wrap:wrap}.card-link{margin:10px}@media (max-width: 350px){.card-container{margin:5px}.card-top{padding:5px 10px;margin:0 5px;width:70vw}.card-bottom{padding:5px 10px;margin:0 5px;width:80vw}h3{font-size:18px}}.footer{background-color:var(--card-dark);width:100%;height:80px;display:flex;justify-content:center;align-items:center}.link-icon{margin-left:2px}