@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap);.hero-bg-light-theme{fill:#0384c8}.hero-bg-dark-theme{fill:#1a1a1a}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--main-font-family:"Quicksand",sans-serif;--main-font-color:#2f2f3a;--main-font-size:16px;--brand-color-blue-main:#0384c8;--brand-color-red:#ef2f4c;--brand-color-blue:#09d8ff;--brand-color-green:#11ef75;--brand-color-yellow:#ffca04;--brand-color-white:#fafafa;--brand-color-grey:#edf2fa;--toggle-width:5rem;--toggle-height:2.375rem;--toggle-padding:0.25rem}html{font-size:16px;font-size:var(--main-font-size)}body,body[data-theme=light]{--color-text-primary:var(--main-font-color);--color-bg-primary:var(--brand-color-grey);--color-bg-toggle:var(--brand-color-blue)}body[data-theme=dark]{--color-text-primary:var(--brand-color-white);--color-bg-primary:var(--main-font-color);--color-bg-toggle:var(--main-font-color)}body{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Quicksand,sans-serif;font-family:var(--main-font-family);font-size:1rem;transition:background .25s ease-in-out}.hero-container{position:relative}.hero-header-container{left:0;position:absolute;top:0;width:100%}.hero-bio-container{position:absolute;top:10rem;width:100%}main{padding:2rem}.section-border-light-theme{border:.2rem solid #2f2f3a;border:.2rem solid var(--main-font-color);border-radius:2rem;padding:2rem}.section-border-dark-theme{border:.2rem solid #fafafa;border:.2rem solid var(--brand-color-white);border-radius:2rem;padding:2rem}.about-section{align-items:center;display:flex;flex-flow:row nowrap}.header-section{margin:2rem 0;text-align:center}.header-title-light{color:#2f2f3a;color:var(--main-font-color)}.header-title-dark,.header-title-light{font-size:3.125rem;font-weight:300;text-decoration:none;text-transform:uppercase}.header-title-dark{color:#fafafa;color:var(--brand-color-white)}.skills-section{display:flex;justify-content:center}.logo-container{align-items:center;display:flex;flex-flow:column nowrap}.logo-container p{font-weight:700;margin-top:1rem}.contact-section{display:flex;justify-content:center}.footer-light-theme{background:#2f2f3a;background:var(--main-font-color);color:#fafafa;color:var(--brand-color-white);padding:2rem;text-align:center}.footer-dark-theme{background:#edf2fa;background:var(--brand-color-grey);color:#2f2f3a;color:var(--main-font-color);padding:2rem;text-align:center}@media (min-width:1025px) and (max-width:1280px){.about-section{align-items:center;display:flex;flex-flow:column-reverse nowrap}}@media (min-width:768px) and (max-width:1024px){.about-section{align-items:center;display:flex;flex-flow:column-reverse nowrap}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.about-section{align-items:center;display:flex;flex-flow:column-reverse nowrap}}@media (min-width:481px) and (max-width:767px){.hero-bio-container{position:absolute;top:7rem;width:100%}.about-section{align-items:center;display:flex;flex-flow:column-reverse nowrap}}@media (min-width:320px) and (max-width:480px){.hero-bio-container{position:absolute;top:7rem;width:100%}.about-section{align-items:center;display:flex;flex-flow:column-reverse nowrap}}.theme-toggle-button{align-items:center;background:var(--color-bg-toggle);border:0;border-radius:calc(var(--toggle-width)/2);cursor:pointer;display:flex;font-size:1.5rem;height:var(--toggle-height);justify-content:space-around;line-height:1;padding:var(--toggle-padding);position:relative;transition:background .25s ease-in-out,box-shadow .25s ease-in-out;width:var(--toggle-width)}.theme-toggle-button :focus{outline-offset:5px}.theme-toggle-button :focus:not(:focus-visible){outline:none}.theme-toggle-button :hover{box-shadow:0 0 5px 2px var(--color-bg-toggle)}.theme-toggle-thumb{background:#fff;border-radius:50%;height:calc(var(--toggle-height) - var(--toggle-padding)*2);left:var(--toggle-padding);position:absolute;top:var(--toggle-padding);transition:-webkit-transform .25s ease-in-out;transition:transform .25s ease-in-out;transition:transform .25s ease-in-out,-webkit-transform .25s ease-in-out;width:calc(var(--toggle-height) - var(--toggle-padding)*2)}.header-desktop section{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:2rem}.header-desktop section .navigation{align-items:center;display:flex;flex-flow:row nowrap}.header-desktop section nav{display:flex;flex-flow:row nowrap;justify-content:space-around;width:30rem}.header-desktop section nav a{color:var(--brand-color-white);text-decoration:none}header input{opacity:0}header h1{font-family:sans-serif;font-size:20px;font-weight:900;left:40px;position:fixed;text-transform:uppercase;top:40px;z-index:6}header h1>span{font-size:12px;font-weight:300;opacity:.5;text-transform:none}header input+label{cursor:pointer;height:20px;position:fixed;right:40px;top:20px;width:15px;z-index:5}header input+label span{background:#fff;display:block;height:2px;left:0;margin-top:-1px;position:absolute;top:50%;transition:.5s;width:100%}header input+label span:first-child{top:3px}header input+label span:last-child{top:16px}header input:checked+label span{opacity:0;top:50%}header input:checked+label span:first-child{opacity:1;-webkit-transform:rotate(405deg);transform:rotate(405deg)}header input:checked+label span:last-child{opacity:1;-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}header input~nav{align-items:center;background:#075f8f;display:flex;height:70px;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:.5s;width:100%;z-index:3}header input~nav>ul{align-items:center;display:flex;gap:20px;list-style:none;margin:0;padding:0}header input~nav>ul>li{opacity:0;transition:.5s}header input:checked~nav>ul>li{opacity:1;transition-delay:.5s}header input~nav>ul>li>a{color:#fff;display:block;font-family:sans-serif;font-weight:700;padding:10px 15px;text-decoration:none;text-transform:uppercase}.logo-theme-toggle{padding:.5rem;width:10rem}.header-mobile-no-menu,.logo-theme-toggle{align-items:center;display:flex;flex-flow:row nowrap}.header-mobile-no-menu{background:#22aae7;justify-content:space-around;padding:.2rem;position:fixed;width:100%;z-index:1}@media (min-width:1281px){.header-desktop{display:block}.header-mobile,.header-mobile-no-menu{display:none}}@media (min-width:1025px) and (max-width:1280px){.header-desktop{display:block}.header-mobile,.header-mobile-no-menu{display:none}}@media (min-width:320px) and (max-width:480px),(min-width:481px) and (max-width:767px),(min-width:768px) and (max-width:1024px),(min-width:768px) and (max-width:1024px) and (orientation:landscape){.header-desktop{display:none}.header-mobile,.header-mobile-no-menu{display:flex}}header input:checked~nav{height:70px;overflow:visible;transition-delay:0s}.hero-profile-container{color:#fff}.hero-profile{align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;text-align:center}.hero-profile p{font-size:1.25rem;font-weight:500}.hero-profile h1{font-size:2.5rem;font-weight:700;margin:0 0 1rem}.hero-profile span{font-size:1.563rem;font-weight:500;margin:1rem 0}.hero-profile img{border-radius:100%;margin-bottom:1rem;width:6.25rem}.hero-profile-tagline{background-color:hsla(0,0%,4%,.7);border-radius:1rem;margin:1rem 0 2rem;padding:.5rem}.hero-profile-button-light-theme{background:var(--brand-color-grey);border-radius:5rem;box-shadow:0 .1rem .313rem 0 #9e9e9e;color:var(--brand-color-blue-main);cursor:pointer;font-size:.75rem;font-weight:500;height:2.5rem;padding:1rem 1rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .5s linear;width:15rem}.hero-profile-button-light-theme:hover{background:#fff}.hero-profile-button-dark-theme{background:var(--main-font-color);border-radius:5rem;box-shadow:0 .1rem .313rem 0 #333;color:var(--brand-color-white);cursor:pointer;font-size:.75rem;font-weight:500;height:2.5rem;padding:1rem 1rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .5s linear;width:15rem}.hero-profile-button-dark-theme:hover{background:#1f1f1f}@media (min-width:768px) and (max-width:1024px){.hero-profile img{display:block}.hero-profile p{display:none}.hero-profile h1{font-size:1.5rem}.hero-profile-tagline{display:none}.hero-profile-button-dark-theme,.hero-profile-button-light-theme{font-size:.5rem;height:1rem;left:0;margin-top:1rem;padding:.5rem .5rem 1rem;width:10rem}.hero-profile span{font-size:1rem}}@media (min-width:481px) and (max-width:767px){.hero-profile img,.hero-profile p{display:none}.hero-profile h1{font-size:1.5rem}.hero-profile-tagline{display:none}.hero-profile-button-dark-theme,.hero-profile-button-light-theme{font-size:.5rem;height:1rem;left:0;margin-top:1rem;padding:.5rem .5rem 1rem;width:10rem}.hero-profile span{font-size:1rem}}@media (min-width:320px) and (max-width:480px){.hero-profile img,.hero-profile p{display:none}.hero-profile h1{font-size:1.5rem}.hero-profile-tagline{display:none}.hero-profile-button-dark-theme,.hero-profile-button-light-theme{font-size:.5rem;height:1rem;left:0;margin-top:1rem;padding:.5rem .5rem 1rem;width:10rem}.hero-profile span{background:var(--main-font-color);font-size:1rem;padding:.2rem}}.projects-section{background-color:#fff;background-color:var(--bg-color);color:#333;color:var(--text-color);padding:4rem 2rem;transition:background-color .3s ease,color .3s ease}.projects-section h2{color:#007bff;color:var(--primary-color);font-size:clamp(1.75rem,5vw,2.5rem);margin-bottom:3rem;text-align:center}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1400px}.project-card{background-color:#fff;background-color:var(--card-bg);border:1px solid #eee;border-radius:1rem;box-shadow:0 4px 6px hsla(0,17%,79%,.1);overflow:hidden;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}[data-theme=dark] .project-card{border:none}.project-card:hover{box-shadow:0 6px 16px rgba(0,0,0,.15);-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}.project-image{height:200px;overflow:hidden}.project-image img{height:100%;object-fit:cover;width:100%}.project-content{padding:1rem}.project-content h3{color:#28a745;color:var(--accent-color);font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:1rem}.project-content p{color:#333;color:var(--text-color);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background-color:#e8f5e9;background-color:var(--accent-bg);border-radius:.5rem;color:#28a745;color:var(--accent-color);font-size:.875rem;font-weight:500;padding:.25rem .75rem}.project-links{display:flex;gap:1rem}.project-button{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;font-weight:500;justify-content:center;padding:.5rem 1rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background-color .3s ease,opacity .3s ease}.project-button.light-theme{background-color:#007bff;background-color:var(--primary-color);color:#fff}.project-button.dark-theme{background-color:#28a745;background-color:var(--accent-color);color:#fff}.project-button:hover{opacity:.9}.project-button:focus{outline:2px solid #007bff;outline:2px solid var(--primary-color);outline-offset:2px}:root{--bg-color:#fff;--text-color:#333;--primary-color:#007bff;--accent-color:#28a745;--accent-bg:#e8f5e9;--card-bg:#fff}[data-theme=dark]{--bg-color:#1a1a1a;--text-color:#fff;--primary-color:#007bff;--accent-color:#28a745;--accent-bg:#1a1a1a;--card-bg:#2d2d2d}.about-profile-image svg{max-width:50rem;width:50rem}@media (min-width:1281px){.about-profile-image svg{max-width:50rem;width:50rem}}@media (min-width:1025px) and (max-width:1280px){.about-profile-image svg{max-width:30rem;width:30rem}}@media (min-width:768px) and (max-width:1024px){.about-profile-image svg{max-width:30rem;width:30rem}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.about-profile-image svg{max-width:30rem;width:30rem}}@media (min-width:481px) and (max-width:767px){.about-profile-image svg{max-width:30rem;width:30rem}}@media (min-width:320px) and (max-width:480px){.about-profile-image svg{max-width:20rem;width:20rem}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.social-media-carousel-slide-light-theme{border:.5rem solid var(--main-font-color);border-radius:2rem}.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{align-items:center;background:var(--brand-color-blue-main);cursor:pointer;display:flex;flex-flow:row nowrap;height:25rem;justify-content:space-between}.social-media-carousel-slide-dark-theme{border:.5rem solid #fff;border-radius:2rem}.social-media-carousel-slide-logo{flex:1 1;height:5rem;width:5rem}.social-media-carousel-slide-content{color:var(--brand-color-white);flex:1 1;padding:2rem;text-align:left}.social-media-carousel-slide-content h1{font-size:2rem}.social-media-carousel-slide-content p{font-size:1.5rem;margin:2rem auto}.social-media-carousel-slide-graphic{align-items:center;background-size:100%;background:#2f2f3a;border-radius:1rem;display:flex;flex:1 1;height:100%;justify-content:center}.carousel-button-light-theme{background:var(--brand-color-grey);border-radius:5rem;box-shadow:0 .1rem .313rem 0 #9e9e9e;color:var(--brand-color-blue-main);cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;height:2.5rem;padding:1rem 1rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .5s linear;width:15rem}.carousel-button-light-theme:hover{background:#fff}.carousel-button-dark-theme{background:var(--main-font-color);border-radius:5rem;box-shadow:0 .1rem .313rem 0 #333;color:var(--brand-color-white);cursor:pointer;display:inline-block;font-size:.75rem;font-weight:500;height:2.5rem;padding:1rem 1rem 2rem;text-align:center;text-decoration:none;text-transform:uppercase;transition:background .5s linear;width:15rem}.carousel-button-dark-theme:hover{background:#1f1f1f}.carousel-root{display:flex;flex-flow:column nowrap}.carousel .thumbs-wrapper{display:flex;justify-content:center}.carousel .thumb{background-color:#fff;border-radius:1rem}.carousel .thumb.selected,.carousel .thumb:hover{border:.3rem solid var(--brand-color-blue-main)}.selected{border-radius:2.2rem}.thumbs-wrapper{border-radius:1rem}.thumbs{cursor:pointer;display:flex;flex-flow:row wrap}@media (min-width:1025px) and (max-width:1280px){.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{flex-flow:column nowrap;height:40rem;padding:2rem}.social-media-carousel-slide-graphic{padding:2rem;width:100%}}@media (min-width:768px) and (max-width:1024px){.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{flex-flow:column nowrap;height:40rem;padding:2rem}.social-media-carousel-slide-graphic{padding:2rem;width:100%}.control-arrow,.thumbs{display:none}}@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{flex-flow:column nowrap;height:40rem;padding:2rem}.social-media-carousel-slide-graphic{padding:2rem;width:100%}.control-arrow,.thumbs{display:none}}@media (min-width:481px) and (max-width:767px){.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{flex-flow:column nowrap;height:60rem;padding:2rem}.social-media-carousel-slide-graphic{padding:2rem;width:100%}.social-media-carousel-slide-content{text-align:center}.social-media-carousel-slide-content p{font-size:1rem;padding:1rem}.carousel-button-dark-theme,.carousel-button-light-theme{width:10rem}.carousel .slide img,.control-arrow,.thumbs{display:none}}@media (min-width:320px) and (max-width:480px){.social-media-carousel-slide-dark-theme,.social-media-carousel-slide-light-theme{flex-flow:column nowrap;height:60rem;padding:2rem}.social-media-carousel-slide-graphic{padding:2rem;width:100%}.social-media-carousel-slide-content{text-align:center}.social-media-carousel-slide-content p{font-size:1rem;padding:1rem}.carousel-button-dark-theme,.carousel-button-light-theme{width:10rem}.carousel .slide img,.control-arrow,.thumbs{display:none}}.tech-stack-container{display:flex;flex-flow:row wrap;justify-content:center;width:100rem}.tech-stack{margin:1rem 4rem;text-align:center}.skill-light-theme{color:var(--main-font-color)}.skill-dark-theme{color:var(--brand-color-blue-main)}.contact-text{text-align:center;width:100rem}.contact-text p{font-size:1.5rem;font-weight:500}.contact-text a{color:var(--brand-color-blue-main);font-weight:700;text-decoration:none}@media (min-width:320px) and (max-width:480px){.contact-text p{font-size:1rem}}
/*# sourceMappingURL=main.0926f25c.css.map*/