.theme-toggle{color:#fff;border:none;cursor:pointer}.theme-toggle.mobile-toggle{position:fixed;top:.5rem;right:1rem;width:40px;height:40px;padding:.5rem;margin:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:10}.theme-toggle.mobile-toggle svg{width:24px;height:24px}@media (min-width: 768px){.theme-toggle.mobile-toggle{display:none}}.theme-toggle.desktop-toggle{display:none}@media (min-width: 768px){.theme-toggle.desktop-toggle{display:inline-block;margin-right:2rem}.theme-toggle.desktop-toggle .switch-icon{display:flex;justify-content:center;align-items:center;height:100%;width:100%;padding:0}.theme-toggle.desktop-toggle svg{width:16px;height:16px}}.header{background-color:var(--header-background-color);padding:0;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;width:100%;z-index:10}.header__container{display:flex;justify-content:center;align-items:center;width:100%;justify-content:space-between}.header__menu-button{display:none;font-size:24px;background:none;border:none;cursor:pointer;color:var(--text-color);margin:1rem}.header__menu-button:focus{outline:none}.header__nav{display:flex}.header__nav-list{display:flex;list-style:none;margin:0;padding:.5rem;gap:2rem}.header__nav-item{padding:0}@media (min-width: 768px){.header__nav-item{padding:2rem}}@media (min-width: 1024px){.header__nav-item{padding:.5rem}}.header__nav-item a{text-decoration:none;color:var(--text-color);transition:color .3s ease-in-out}.header__nav-item a:hover{color:var(--primary-color)}.header__nav--open{display:block;z-index:101}@media (max-width: 768px){.header__menu-button{display:block}.header__nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:var(--header-background-color);border-top:1px solid var(--border-color);box-shadow:0 .25rem .5rem #0003}.header__nav-list{flex-direction:column}.header__nav-list-item{margin:10px 0}.header__nav-list-item a{padding:10px 20px;display:block;width:100%}.header__nav--open{display:flex}}@media (min-width: 768px){.header__menu-button{display:none}.header__nav{display:flex;position:static;flex-direction:row}.header__nav-list{flex-direction:row}.header__nav-list-item{margin:0 10px}}.footer{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:var(--header-background-color);padding:.5rem;margin-top:auto;text-align:center;color:var(--text-color)}@media (min-width: 768px){.footer{padding:2rem;gap:2rem;flex-direction:row}}.footer__section{margin-bottom:2rem;flex:1}@media (min-width: 768px){.footer__section{margin-bottom:0}}.footer__section h3{margin-bottom:.5rem;color:var(--primary-color)}.footer__section p{margin:.5rem 0}.footer__section .heart{color:#f97171}.footer__links{gap:1rem;display:flex;justify-content:center;align-items:center}.footer__links a{color:var(--primary-color);text-decoration:none}.footer__links a:hover{text-decoration:underline}.home{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.home__hero{max-width:600px;background:var(--content-background-color);padding:2rem;margin:2rem;border-radius:8px;box-shadow:0 .25rem .5rem #0003;z-index:1;text-align:center}.home__hero__headshot{border-radius:50%;width:150px;height:150px;margin-bottom:20px;box-shadow:0 .25rem .5rem #0003}.home__hero__title{color:var(--primary-color);margin-bottom:20px}.home__hero__description{margin-bottom:20px;line-height:1.6;color:var(--text-color)}.home__hero__cta-buttons{display:flex;gap:10px;justify-content:center}.home__hero__cta-buttons__cta-button{padding:10px 20px;background-color:var(--button-background-color);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease-in-out}.home__hero__cta-buttons__cta-button:hover{background-color:var(--button-hover-color)}@media (max-width: 768px){.home__hero{padding:20px}.home__hero__cta-buttons{flex-direction:column;gap:10px}.home__hero__cta-buttons__cta-button{width:100%}}h2{background:var(--content-background-color);padding:.5rem;border-radius:.5rem;text-align:center}.about{padding:20px;max-width:1200px;margin:0 auto;font-family:Arial,sans-serif;color:var(--text-color)}.about .about-me{margin-bottom:2em;background:var(--content-background-color);padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a}.about .about-me .header-area{display:flex;align-items:center;margin-bottom:1rem}.about .about-me .header-area .headshot{border-radius:50%;width:100px;height:100px;margin-right:20px}.about .about-me .header-area h1{color:var(--primary-color)}.about .about-me p{margin-bottom:1em;line-height:1.6}.about .about-me .cta-button{display:inline-block;margin-top:1em;padding:10px 20px;background-color:var(--button-background-color);color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease-in-out}.about .about-me .cta-button:hover{background-color:var(--button-hover-color)}.about .cards{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.about .cards h2{color:var(--primary-color);margin-bottom:1rem;width:auto}@media (min-width: 768px){.about .cards h2{width:100%}}@media (max-width: 768px){.cards{flex-direction:column}}.card{background:var(--content-background-color);border-radius:8px;padding-bottom:1rem;box-shadow:0 .25rem .5rem #0003;overflow:hidden;transition:transform .3s ease,max-height .3s ease,width .3s ease,height .3s ease;cursor:pointer;max-height:320px;display:flex;flex-direction:column;position:relative;z-index:2}.card:hover{transform:translateY(-10px)}.card.expanded{position:fixed;top:50%;left:5%;transform:translateY(-50%);width:auto;height:auto;max-height:90%;max-width:90%;padding:20px;z-index:1000;cursor:default;box-shadow:0 .25rem .5rem #0003}.card .card-image{width:100%;height:200px;object-fit:cover}.card .card-header{padding:20px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.card .card-header h3{color:var(--primary-color);margin-bottom:.5rem}.card .card-header p{margin:0}.card .indicator{display:flex;justify-content:center;align-items:center;font-size:1.5rem;color:var(--primary-color)}.card .indicator:hover{cursor:pointer}.card .card-content{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:20px;transition:opacity .3s ease;opacity:1;flex-grow:1}.card .card-content.collapsed{opacity:0;max-height:0;overflow:hidden}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999}.projects{margin:1rem}.projects__cards{margin-bottom:2em;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.contact{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.contact__container{width:80%;background:var(--content-background-color);padding:2rem;margin:2rem;border-radius:8px;box-shadow:var(--box-shadow)}.contact h1{color:var(--primary-color);margin-bottom:20px}.contact__icons{display:flex;justify-content:center;gap:2rem;margin-bottom:.5rem}.contact__icons .contact__icon{font-size:48px;color:var(--primary-color);transition:color .3s ease-in-out}.contact__icons .contact__icon:hover{color:var(--secondary-color);transform:scale(1.2)}.contact__form{display:flex;flex-direction:column}.contact__form-group{margin-bottom:15px}.contact__form-group label{display:block;margin-bottom:5px;color:var(--text-color)}.contact__form-group input,.contact__form-group textarea{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:5px;font-family:Arial,sans-serif;font-size:1rem;color:var(--text-color);background-color:var(--input-background-color);box-sizing:border-box}.contact__form-group textarea{height:150px;resize:none}.contact__form-submit{padding:10px 20px;background-color:var(--button-background-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-in-out}.contact__form-submit:hover{background-color:var(--button-hover-color)}@media (max-width: 768px){.contact__container{padding:.5rem}}.App{display:flex;flex-direction:column;min-height:100vh}main{flex-grow:1;display:flex;flex-direction:column;position:relative}main .bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center}main .content-wrapper{flex-grow:1;padding:var(--base-spacing);overflow-y:auto}:root{--primary-color: #0078D7;--secondary-color: #00B294;--accent-color: #FFB900;--background-color: #E6E6E6;--header-background-color: #F3F3F3;--input-background-color: #F7F7F7;--text-color: #333333;--link-color: #0078D7;--button-background-color: #0078D7;--button-hover-color: #005EA6;--background-image: var(--light-background-image);--background-gradient-start: rgba(0, 0, 0, 0);--background-gradient-end: rgba(0, 0, 0, 0);--content-background-color: rgba(255, 255, 255, .85)}[data-theme=dark]{--primary-color: #ffffff;--secondary-color: #00B294;--accent-color: #FFB900;--background-color: #333333;--header-background-color: #444444;--input-background-color: #A7A7A7;--text-color: #E6E6E6;--link-color: #0078D7;--button-background-color: #555555;--button-hover-color: #777777;--background-image: var(--dark-background-image);--content-background-color: rgba(0, 0, 0, .75)}body{background-color:var(--background-color);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600}p{margin-bottom:1rem}a{color:var(--link-color);text-decoration:none}a:hover{text-decoration:underline}button{background-color:var(--button-background-color);color:#fff;padding:.5rem 2rem;border:none;border-radius:.25rem;box-shadow:0 .25rem .5rem #0003;transition:background-color .3s ease-in-out}button:hover{background-color:var(--button-hover-color)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-image .5s ease-in-out,background-color .5s ease-in-out,color .5s ease-in-out;background-image:var(--background-image)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}