#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.navbar{position:fixed;top:0;left:0;right:0;width:100%;max-width:1300px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;background-color:var(--color-secondary);border-radius:5px;z-index:1000;box-shadow:2px 3px 5px var(--color-mocha);height:80px}.navbar-logo{font-size:var(--font-size-xl);font-family:var(--font-heading);color:var(--color-text-light);font-weight:700}.navbar-links{list-style:none;display:flex;gap:.2vw;width:50%}.navbar-links a{color:var(--color-text-light);font-family:var(--font-heading);font-size:.9rem;text-decoration:none;font-weight:500;padding:10px;border-radius:5px}.navbar-icons{list-style:none;display:flex;gap:1.2rem;justify-content:flex-end;margin-right:1rem;width:50%}.nav-icon{height:2rem;padding:8px;border-radius:5px}.nav-icon:hover{background-color:var(--color-primary)}.hover-swap:hover{content:attr(data-hover)}.hover-download{position:absolute;display:inline-block;visibility:hidden}.hover-download:hover{visibility:visible;opacity:1}*,*:before,*:after{box-sizing:border-box}.name-content{width:200%;max-width:100%;height:200px;margin:0rem auto;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;position:relative;margin-top:0vh}.text-shadows{text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px 0 var(--color-primary-3),12px 12px 0 var(--color-primary-4);font-family:var(--font-heading);font-weight:100000;text-transform:uppercase;font-size:calc(1rem + 6vw);text-align:center;margin:0;color:var(--color-primary);animation:shadows 1s ease-in-out infinite;letter-spacing:.1rem}@keyframes shadows{0%{text-shadow:none}10%{transform:translate(-3px,-3px);text-shadow:3px 3px 0 var(--color-primary-1)}20%{transform:translate(-6px,-6px);text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2)}30%{transform:translate(-9px,-9px);text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px var(--color-primary-3)}40%{transform:translate(-12px,-12px);text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px var(--color-primary-3),12px 12px 0 var(--color-primary-4)}50%{transform:translate(-12px,-12px);text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px var(--color-primary-3),12px 12px 0 var(--color-primary-4)}60%{text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px var(--color-primary-3),12px 12px 0 var(--color-primary-4)}70%{text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2),9px 9px var(--color-primary-3)}80%{text-shadow:3px 3px 0 var(--color-primary-1),6px 6px 0 var(--color-primary-2)}90%{text-shadow:3px 3px 0 var(--color-primary-1)}to{text-shadow:none}}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;align-items:center}.text-block{position:relative;display:inline-block;cursor:pointer}h2{font-family:var(--font-heading);margin:0}p{text-align:left}.text-block{width:500px;font-size:var(--font-size-md)}.navbar-links a:hover{background-color:var(--color-primary);color:var(--color-mocha)}.hover-swap{transition:all .2s ease}.file-wrapper{height:700px;margin-top:35px}.tab-titles{overflow:hidden;text-align:left;background-color:var(--color-bg);justify-content:left}.tablink{padding:.5rem 1rem;border:var(--color-primary);background-color:var(--color-primary-2);cursor:pointer;margin-right:8px;border-top-right-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:var(--shadow-lg)}.tablink:focus{outline:none;box-shadow:none}.tablink.active{background-color:var(--color-primary);border:0px}.tablink:hover{background-color:var(--color-primary-1)}.tab-area{border-radius:var(--radius-sm);border-top-left-radius:0;background-color:var(--color-primary);height:650px;min-width:350px;width:70vw;box-shadow:var(--shadow-lg);justify-content:left;overflow-y:scroll}.divider{border-color:var(--color-mocha);border-width:.5px}.link-text{color:var(--color-mocha)}.link-text:hover{color:var(--color-secondary)}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;justify-items:center;align-items:center;padding:2rem}@media screen and (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.tabcontent{text-align:left;justify-content:left;padding-left:30px;padding-right:50px;padding-top:20px}.tabcontent h3{font-family:var(--font-heading);justify-content:left}h4{font-family:var(--font-heading)}.title-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.title-row h4,.title-row .second-banner{margin:0;font-size:1.1rem;flex:1}.title-meta{text-align:right;font-size:.95rem;margin:0;white-space:nowrap}ul{padding-left:40px;width:85%}.tooltip{position:relative;display:inline-block;cursor:pointer}.tooltip .tooltip-text{visibility:hidden;width:max-content;background-color:var(--color-mocha);color:var(--color-text-light);text-align:center;font-size:.75rem;border-radius:6px;padding:6px 8px;position:absolute;z-index:1;bottom:100%;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;white-space:nowrap}.skill-icon{height:10vh;padding:8px;border-radius:5px}.hover-swap{transition:all .1s ease}.skill-icon:hover{background-color:var(--color-primary)}.tooltip:hover .tooltip-text{animation:showTooltip .2s forwards;animation-delay:1.2s}@keyframes showTooltip{to{visibility:visible;opacity:1}}.sticky-note{max-width:fit-content;padding:12px;font-size:14px;font-weight:700;border-radius:8px;box-shadow:3px 3px 10px #0003;cursor:grab;-webkit-user-select:none;user-select:none}.image-note{padding:0;border:none;box-shadow:none;border-radius:0}.polaroid-note{height:auto;display:block;box-shadow:var(--shadow-lg);min-width:150px;width:15vw}.sticky-image{height:auto;display:block;min-width:150px;width:4vw}.sticky-image-small{height:auto;display:block;min-width:100px;width:10vw}.sticky-image-large{height:auto;display:block;min-width:250px;width:30vw}.sticky-board{position:relative;display:flex;min-width:390px;width:80vw;height:700px;border-radius:12px;overflow:hidden;margin:.5rem auto}.centered-screen{display:flex;justify-content:center;align-items:center;height:90vh}.business-card{display:flex;align-items:center;gap:2rem;border:1px solid var(--color-mocha);border-radius:12px;padding:1rem;max-width:500px;min-height:230px;font-family:var(--font-heading);background-color:var(--color-mocha)}.business-card-img{width:150px;height:150px;border-radius:5px;object-fit:cover}.business-card-info{display:flex;flex-direction:column;justify-content:center}.business-card-name{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text-light);font-size:var(--font-size-xl)}.business-card-title,.business-card-company,.business-card-contact{margin:2px 0;font-size:.95rem;color:var(--color-text-light);display:block;text-align:center;width:100%}.linkedIn-link:hover{color:var(--color-secondary)}.all-content{display:flex;flex-direction:column;height:100vh}.page-content{flex:1;overflow-y:auto;padding-top:60px;position:relative}:root{--color-primary: #d9c2d3;--color-primary-1: #c3aebd;--color-primary-2: #ad99a7;--color-primary-3: #978591;--color-primary-4: #81717b;--color-secondary: #547d9d;--color-bg: #f1debd;--color-text: #3a2f2f;--color-accent: #d8a437;--color-two: #1e1e1e;--color-mocha: #4c3e3e;--color-text-light: #fff7e6;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--font-heading: "Bodoni Moda", serif;--font-body: "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.5rem;--font-size-xl: 2rem;--font-size-mega: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .2);--transition-fast: .15s ease-in-out;--transition-slow: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:Inter,sans-serif;background-color:var(--color-bg);color:var(--color-text);overflow-y:auto}#root{display:flex;flex-direction:column;height:100%;width:100%;background-color:var(--color-bg)}.app-container{display:flex;flex-direction:column;align-items:center;widows:100%;margin-top:50px}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}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}}