:root{font-family:Inter,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;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home{position:relative;gap:30px;flex:1;margin:0 auto;display:flex;flex-direction:row;width:80%}.home h1{margin:0}.col1{display:flex;flex-direction:column;gap:30px;flex:3}.col2{display:flex;flex-direction:column;flex:3}.home-col{flex:1;width:20%}.typed-roles{font-size:2rem;text-decoration:underline;font-weight:600}.typed-roles-light{color:#2b31e0}.typed-roles-dark{color:#15d9eb}body{margin:0;height:100vh;display:flex}.skills-carousel-wrapper{width:100%;overflow:hidden}.carousel-container{padding:10px 0}.skill-logo{max-width:80px;height:auto;margin:0 auto;display:block}#js-logo{color:#f7df1e}#react-logo{color:#61dafb}#tailwind-logo{color:#38b2ac}#css-logo{color:#1572b6}#html-logo{color:#e34f26}#git-logo{color:#f05032}#github-logo{color:#333}#docker-logo{color:#2496ed}#azure-logo{color:#0072c6}#sql-logo{color:#f1502f}#csharp-logo{color:#45269d}#dotnet-logo{color:#512bd4}.carousel-icon{padding:15px 10px;border-radius:10px;box-shadow:0 4px 8px #0009;border:1px outset #666666;transition:transform .3s ease,border .3s ease}.carousel-icon:hover{transform:scale(1.1);border:3px outset var(--dark-teal)}#techStack{display:flex;flex-direction:column;gap:20px;align-items:center;padding:20px;margin-bottom:30px;background-color:#f9fafb;border-radius:10px;box-shadow:0 4px 10px #0000004d}#techStack h3{text-decoration:underline;font-weight:600;font-size:1.5rem;color:#333}.scroll-indicator{display:block;position:static;bottom:20px;left:50%;transform:translate(-50%);text-align:center;cursor:pointer;z-index:100;animation:buzz 2s infinite;font-size:1.4em}@keyframes buzz{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.scroll-link{display:flex;flex-direction:column;align-items:center;text-decoration:none}.theme-light .scroll-link{color:#2b31e0}.theme-dark .scroll-link{color:#15d9eb}.scroll-link p{margin-top:5px;font-weight:700}:root{--light-green: #b8f7ea;--vegas-gold: #C6B77D;--dark-teal: #004D4D;--burnt-sienna: #E65C2E;--rich-plum: #6F2C91;--navy-blue: #001F3F;--soft-charcoal: #4A4A4A}.navbar li{display:inline;list-style-type:none;margin:10px}.header{position:sticky;z-index:1000;width:100%;border-radius:40px;display:flex;flex-direction:row;width:60vw;align-items:center;color:inherit;height:5em;transition:all .5s cubic-bezier(.645,.045,.355,1),transform .5s cubic-bezier(.645,.045,.355,1);position:relative;transform-origin:top left;transform:rotate(0)}.header.not-sticky{background-color:transparent;margin:40px auto}.header.sticky{z-index:2000;background-color:var(--dark-teal);position:fixed;top:-5%;left:7%;transform:translateY(50%) rotate(90deg);width:40vw;height:70px;margin-right:0}.header.transitioning{opacity:.5;background-color:#004d4d80}.header .sticky .navbar{display:flex;flex-direction:column;width:50vh}.header.sticky .icon-col{transform:rotate(-90deg)}.header.not-sticky:hover{transform:scale(1.1);height:6em;width:70vw}.header.sticky .icon-col:hover{animation:stickyHoverIcon .3s ease-out forwards}.header.sticky .icon-col{padding:12px 6px}@keyframes stickyHoverIcon{to{transform:translateY(-5px);padding:6px 12px}}.default-border{border:1px solid #335AF5}.dark-border{border:2px solid yellow}.header.not-sticky .theme-light .icon,.theme-light .icon-label{color:var(--dark-teal);text-shadow:2px 2px 4pc white}.header.sticky.theme-light .icon,.theme-light .icon-label{color:var(--burnt-sienna);text-shadow:2px 2px 4pc white}.theme-dark .icon,.theme-dark .icon-label{color:#fff}.navbar{align-items:center;display:flex;flex-grow:1;gap:2px;justify-content:space-evenly}.navbar a{text-decoration:none;color:inherit;transition:color .3s ease}.icon-col{display:flex;flex-direction:row;gap:5px;justify-content:center;align-items:center;padding:18px 24px;border-radius:10px;transition:background-color .3s ease,color .3s ease,transform .3s ease;background-color:transparent}.icon{font-size:30px;transition:transform .3s ease}.icon-label{margin-left:4px;display:none;font-size:16px;opacity:1;transition:transform .3s ease;background-color:transparent}@keyframes hoverIconCol{to{transform:translateY(-10px)}}.theme-light .icon-col:hover{animation:hoverIconCol .5s ease-out forwards;background-color:#f4a734e7}.theme-dark .icon-col:hover{animation:hoverIconCol .5s ease-out forwards;background-color:#335af5}.header.sticky.theme-light{background-color:var(--dark-teal)}.header.sticky.theme-light .icon-col:hover{border:2px inset var(--rich-plum);background-color:#e8cb94}.theme-light,.theme-dark .icon-col:hover{color:#fff}.icon-col:hover .icon-label{display:inline-block}.header.sticky .icon-col:hover{animation:none;transform:rotate(-90deg) translate(-10px)}.toggle-switch{z-index:5000;margin-right:30px;display:inline;align-items:center;cursor:pointer;width:70px;height:40px;border-radius:15px;background-color:#ccc;position:relative;transition:background-color .3s ease}.toggle-switch.active{border:2px solid #333;transition:border-color .7s ease-in;background-color:#6e1b7d}.toggle-switch-circle{margin-left:3px;position:absolute;top:2px;left:2px;width:33px;height:33px;border-radius:50%;background-color:#fff;transition:transform .3s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}.toggle-switch-circle.active{transform:translate(30px);background-color:#007bff}.toggle-switch-circle img{width:20px;height:20px;object-fit:contain}:root{--light-green: #b8f7ea;--vegas-gold: #C6B77D;--dark-teal: #004D4D;--burnt-sienna: rgb(230, 92, 46);--rich-plum: #6F2C91;--navy-blue: #001F3F;--soft-charcoal: #4A4A4A}.header.about-page{color:#fff;position:fixed;top:0;left:calc(50% - 30vw);display:flex;margin:15px auto;flex-direction:row;align-items:center;justify-content:space-between;width:60vw;z-index:1000}.header.about-page.theme-light{border:3px solid #121BA5;background-color:transparent}.header.about-page.theme-light .icon{color:#c77944}.header.about-page.theme-light .icon-label{color:#fff}.header.about-page.theme-light .icon-col:hover{background-color:#121ba5}.about-me-page{width:100vw;display:flex;align-items:center;justify-content:center;position:relative;height:100vh}.content{border-radius:20px 40px;box-shadow:2px 2px 10px #00000080;margin:100px auto 20px;width:80%;height:70vh;background-color:#308fed59;color:#fff;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;z-index:21}.content-col{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center}video{display:flex;flex-direction:row;position:absolute;top:0;left:0;width:100vw;height:120%;object-fit:cover;z-index:20}#headshot{display:flex;width:270px;height:260px;position:relative;border-radius:10px 20px;box-shadow:#fff 2px 2px 10px;margin:auto}.content .content-col:first-child{flex:0 1 auto;align-self:flex-start;margin:2% 0 0 5%}.career,.contact{display:flex;justify-content:center}@font-face{font-family:revicons;fallback:fallback;src:url(/assets/revicons-DbTteTvA.woff) format("woff"),url(/assets/revicons-CBqxZnew.ttf) format("ttf"),url(/assets/revicons-BNIKeAUC.eot) format("ttf")}.react-multi-carousel-list{display:flex;align-items:center;overflow:hidden;position:relative}.react-multi-carousel-track{list-style:none;padding:0;margin:0;display:flex;flex-direction:row;position:relative;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,transition}.react-multiple-carousel__arrow{position:absolute;outline:0;transition:all .5s;border-radius:35px;z-index:1000;border:0;background:#00000080;min-width:43px;min-height:43px;opacity:1;cursor:pointer}.react-multiple-carousel__arrow:hover{background:#000c}.react-multiple-carousel__arrow:before{font-size:20px;color:#fff;display:block;font-family:revicons;text-align:center;z-index:2;position:relative}.react-multiple-carousel__arrow:disabled{cursor:default;background:#00000080}.react-multiple-carousel__arrow--left{left:calc(4% + 1px)}.react-multiple-carousel__arrow--left:before{content:""}.react-multiple-carousel__arrow--right{right:calc(4% + 1px)}.react-multiple-carousel__arrow--right:before{content:""}.react-multi-carousel-dot-list{position:absolute;bottom:0;display:flex;left:0;right:0;justify-content:center;padding:0;margin:0;list-style:none;text-align:center}.react-multi-carousel-dot button{display:inline-block;width:12px;height:12px;border-radius:50%;opacity:1;box-shadow:none;transition:background .5s;border-width:2px;border-style:solid;border-color:gray;padding:0;margin:0 6px 0 0;outline:0;cursor:pointer}.react-multi-carousel-dot button:hover:active,.react-multi-carousel-dot--active button{background:#080808}.react-multi-carousel-item{transform-style:preserve-3d;backface-visibility:hidden}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.react-multi-carousel-item{flex-shrink:0!important}.react-multi-carousel-track{overflow:visible!important}}[dir=rtl].react-multi-carousel-list{direction:rtl}.rtl.react-multiple-carousel__arrow--right{right:auto;left:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--right:before{content:""}.rtl.react-multiple-carousel__arrow--left{left:auto;right:calc(4% + 1px)}.rtl.react-multiple-carousel__arrow--left:before{content:""}.projects,.skills{display:flex;justify-content:center}#root{max-width:100%;margin:0 auto;width:100vw}.App{width:100vw;min-height:100vh;overflow-x:hidden}html,body{padding:0;margin:0}:root{--light-green: #b8f7ea;--bg-light: #fff;--text-light: #333;--bg-dark: #333;--text-dark: white}.theme-light{transition:all .3s ease-in-out;background-color:var(--light-green);color:var(--text-light)}.theme-dark{transition:all .3s ease-in-out;background-color:var(--bg-dark);color:var(--text-dark)}.App.theme-light,.header.theme-light{background-color:var(--light-green);color:var(--text-light)}.App.theme-dark,.header.theme-dark{background-color:var(--bg-dark);color:var(--text-dark)}.containerNav{display:flex;flex-direction:row;justify-content:space-between}body{font-family:Faculty Glyphic,sans-serif;font-weight:400;font-style:normal}
