:root{--guac-background:#85a379;--guac-buttons:#fff;--guac-buttons-hover:#fff;--guac-buttons-shadow:#fff;--guac-buttons-shadow-hover:0 0 0 #0000001a;--guac-border-radius-photos:.75rem;--guac-border-radius:.5rem;--guac-buttons-border:2px solid #fff;--guac-font:system-ui,sans-serif;--guac-orange:#ffc400;--guac-content-page-text:#f0f0f0;--guac-content-page-header:#f3f3f3;--guac-nav-background:#506846;--guac-nav-buttons:#fff;--guac-nav-buttons-shadow:0 0 0 #0000001a;--guac-nav-buttons-hover:#44573c;--guac-nav-text:#dbdbdb}html,body{background:var(--guac-background);scrollbar-width:none;scroll-behavior:smooth;-ms-overflow-style:none;margin:0;padding:0;font-family:var(--guac-font)!important}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}.page-wrapper{width:100%;height:100vh;display:flex}.portfolio-button{color:#616161;border-radius:var(--guac-border-radius);cursor:pointer;background-color:#ddd;border:2px solid #667c5a;padding:1rem;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;box-shadow:0 3px 1px #0000004d;outline:none!important}.portfolio-button:hover{color:#fff;background:#556b4b;border:2px solid #667c5a;transform:translateY(1px);box-shadow:0 2px 1px #0000004d}.side-panel{z-index:2;background:var(--guac-nav-background);width:20%;min-width:280px;height:100vh;color:var(--guac-nav-buttons);box-sizing:border-box;flex-direction:column;justify-content:space-between;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:6px 0 6px #0003}.side-panel:after{content:"";pointer-events:none;z-index:1;background-image:radial-gradient(#ffffff0d 1px,#0000 1px);background-size:8px 8px;width:100%;height:100%;position:absolute;top:0;left:0}.side-panel-meta{flex-direction:column;align-items:center;margin:2rem 0;display:flex}.side-panel-meta span{font-size:1.5rem;font-weight:600}.side-panel-meta span:not(:first-of-type){opacity:.9;margin-top:.25rem;font-size:1rem}.side-panel-meta-header{border-radius:var(--guac-border-radius-photos);object-fit:cover;background-color:#ffae00;border:2px solid #ffae00;width:150px;height:150px;margin-bottom:1.5rem;transition:all .2s ease-in-out;box-shadow:0 5px 1px #00000080}.side-panel-meta-header:hover{border:2px solid #fcc246;transform:translateY(-2px);box-shadow:0 7px 1px #00000080}.side-panel-button-group{flex-direction:column;gap:1rem;display:flex}.side-panel-button-group i{margin-right:.5rem}.side-panel-button-group button{z-index:2;color:var(--guac-nav-text);cursor:pointer;text-align:left;border-radius:var(--guac-border-radius);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:1rem;transition:background .2s;display:flex}.side-panel-button-group button:hover{z-index:1;background:var(--guac-nav-buttons-hover)}.side-panel-button-group button.active:hover{z-index:2}.side-panel-button-group button.active{border-left:8px solid var(--guac-orange);color:#fff;background:#475a3e;font-weight:600;box-shadow:0 5px 1px #0000004d}.side-panel-links{justify-content:center;gap:1rem;display:flex}.side-panel-link img{border-radius:var(--guac-border-radius);cursor:pointer;border:2px solid #475a3e;width:32px;height:32px;padding:.4rem;transition:all .2s ease-in-out}.side-panel-link img:hover{background-color:#475a3e;border:2px solid #8a8a8a}.meta-divider{background-color:#ffffff1a;border:none;width:100%;height:2px;margin:1rem 0}.content-page{color:var(--guac-content-page-text);flex:1 1 0;height:100vh;margin-left:20%;padding:2rem 4rem;overflow-y:auto}.content-page>section:first-child{padding-top:2rem}.content-section-home{justify-content:space-between;align-items:center;gap:2rem;display:flex}.home-illustration{opacity:.75;width:40%;height:auto;position:absolute;top:50px;right:50px}.content-section-home-left{flex-direction:column;flex:0 0 50%;justify-content:center;display:flex}.content-section-home-left button{width:25%}.content-section-home-left p{max-width:65ch;font-size:1.2rem}.content-section-home-left h2{margin:0}.content-section-home-right{flex-direction:column;flex:0 0 45%;justify-content:center;display:flex}.content-section-home h2{color:var(--guac-content-page-header);text-shadow:0 4px 1px #0003;font-size:3rem!important}.content-section-home h2 .highlight{color:#738a68;text-shadow:0 4px 1px #0000004d}.typing-text-cursor{color:#ffffffb3;margin-left:2px;animation:.7s infinite blink}.preloader{background-color:var(--guac-background);z-index:9999;justify-content:center;align-items:center;width:100vw;height:100vh;animation:1.5s ease-in-out forwards fadeOutDelayed;display:flex;position:fixed;top:0;left:0}.preloader.fade-out{opacity:0;pointer-events:none}.preloader-img{width:20%;height:auto}
@keyframes fadeOutDelayed{0%{opacity:1}80%{opacity:1}85%{opacity:.8}90%{opacity:.6}95%{opacity:.3}to{opacity:0}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}