:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;height:100%;width:100%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}html,body{height:100%;width:100%;margin:0;padding:0}h1{color:var(--color-secondary)}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.page-wrapper{padding:20px;box-sizing:border-box;min-height:100vh}.container{min-height:calc(100vh - 40px);width:100%;flex-direction:column;display:flex;background-color:var(--color-primary);border:.1rem var(--color-secondary) solid}.header,.content,.footer,.slider-container{border:.1rem var(--color-secondary) solid}.header{display:flex;flex:1}.slider-container{flex:.5;display:flex;border-bottom:0}.content{flex:4;display:flex;border-bottom:0;min-height:0}.footer{flex:1;font-size:clamp(1.25rem,8vw,7rem);font-weight:800;height:100%;position:relative;align-items:center;justify-content:center;white-space:normal;text-align:center;overflow:hidden;color:var(--color-secondary)}.footer:before{content:"";background-color:var(--color-secondary);transform:translateY(+105%);transition:transform .4s ease;z-index:0;inset:0;position:absolute}.footer:hover:before{transform:translateY(0)}.footer>*{position:relative;z-index:1}.footer:hover{color:var(--color-primary);cursor:pointer}.footer a{color:inherit;font-weight:inherit;font-size:inherit;text-align:center;align-items:center;justify-content:center;text-decoration:none;display:block;width:100%;height:100%}.footer-text-main,.footer-text-hover{transition:opacity .18s ease;padding:1rem}.footer-text-main{display:block}.footer-text-hover{display:none;color:var(--color-primary)}.footer:hover .footer-text-main{display:none}.footer:hover .footer-text-hover{display:block}#root{padding:0;margin:0;height:100%;width:100%}.navbar-container{flex:.4;border:.1rem var(--color-secondary) solid;border-bottom:0;display:flex;flex-direction:row}.navbar-logo,.navbar-qoute,.navbar-links,.navbar-socials,.navbar-tidbit{flex:1}.navbar-logo{flex:1;display:flex;align-items:center;justify-content:center;border-right:.1rem var(--color-secondary) solid}.navbar-icon{padding:1rem;color:var(--color-secondary)}.navbar-qoute{flex:2;display:flex;border-right:.1rem var(--color-secondary) solid;font-size:clamp(1rem,2.5vw,3rem);font-weight:800;align-items:center;justify-content:center;white-space:normal;text-align:center;color:var(--color-secondary)}.navbar-links{border-right:.1rem var(--color-secondary) solid}.navbar-socials{border-right:.1rem var(--color-secondary) solid;display:flex;flex:2}.navbar-socials .icons-container{display:flex;flex-direction:column;flex:2}.navbar-socials a{all:unset;display:inline-flex;cursor:pointer}.icons-container .linkedin-container{flex:2}.icons-container .github-container{flex:2;border-top:.1rem var(--color-secondary) solid}.icons-container .github-container,.icons-container .linkedin-container{justify-content:center;align-items:center;position:relative;overflow:hidden;display:flex;transition:color .25s ease;color:var(--color-secondary)}.icons-container .github-container:before,.icons-container .linkedin-container:before{content:"";background-color:var(--color-secondary);transform:translate(-105%);transition:transform .4s ease;z-index:0;inset:0;position:absolute}.icons-container .github-container:hover:before,.icons-container .linkedin-container:hover:before{transform:translate(0)}.icons-container .github-container>*,.icons-container .linkedin-container>*{position:relative;z-index:1}.icons-container .github-container:hover,.icons-container .linkedin-container:hover{color:var(--color-primary)}.navbar-socials .toggle-container{flex:1;display:flex;border-left:.1rem var(--color-secondary) solid}.navbar-tidbit{border-right:.1rem var(--color-secondary) solid}:root{--color-primary: #e3d3d3;--color-secondary: #1f0101;--color-tertiary: hsl(247, 80%, 20%);--color-accent1: rgb(255, 0, 0);--color-accent2: rgb(255, 174, 34);--main-gradient: linear-gradient( 171deg, rgba(131, 58, 180, 1) 0%, rgba(253, 29, 29, 1) 39%, rgba(252, 176, 69, 1) 100% )}[data-theme=dark]{--color-primary: #000000;--color-secondary: #008000;--color-tertiary: #37AA9C;--color-accent1: #ff0000;--color-accent2: #f56a00;--text-primary: #060606;--main-gradient: linear-gradient(181deg,rgba(58, 105, 180, 1) 0%, rgba(148, 29, 253, 1) 50%, rgba(252, 176, 69, 1) 100%)}body{background:var(--color-secondary)}div{color:var(--color-secondary);padding:0;margin:0}.darkmode-toggle-container{flex:1;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;transition:color .25s ease;color:var(--color-secondary)}.darkmode-toggle-container:before{content:"";background-color:var(--color-secondary);transform:translate(-105%);transition:transform .4s ease;z-index:0;inset:0;position:absolute}.darkmode-toggle-container:hover:before{transform:translate(0)}.darkmode-toggle-container>*{position:relative;z-index:1}.darkmode-toggle-container:hover{color:var(--color-primary)}.darkmode-button{padding:0;margin:0;background-color:transparent;border:0;color:inherit}.darkmode-button :hover{cursor:crosshair}.darkmode-icon{color:inherit}.marquee{flex:1;display:flex;overflow:hidden;align-items:center;justify-content:center;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-track{animation:scroll 25s linear infinite;will-change:transform}.marquee-track,.marquee-group{display:flex;width:max-content;align-items:center}.marquee-group span{line-height:1;display:inline-flex;align-items:center;gap:2rem;padding-right:2rem;white-space:nowrap;font-weight:500;flex-shrink:0}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-33.333%)}}@media(max-width:768px){.marquee-track{animation:scroll 75s linear infinite}}.visualizer{display:flex;align-items:flex-end;flex:1;min-height:0;overflow:hidden;position:relative}.bar{background-color:var(--color-secondary);flex:1;transition:height .12s linear,background-color .12s linear}.bar.active-left{background-color:var(--color-accent1)}.bar.active-right{background-color:var(--color-accent2)}