:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--light_blue: rgb(193, 232, 251);--dark_blue: rgb(39, 61, 137)}html{scroll-behavior:smooth}a{font-weight:500;color:var(--dark_blue);text-decoration:inherit}body{min-width:320px;min-height:100vh;margin:0}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;cursor:pointer}button:hover{border-color:#646cff}.light-mode{--color-primary: #ffffff;--color-secondary: #213547;--color-accent: var(--dark_blue)}.dark-mode{--color-primary: #242424;--color-secondary: rgba(255, 255, 255, .87);--color-accent: var(--light_blue)}body{background-color:var(--color-primary);color:var(--color-secondary)}a{color:var(--color-accent)}#home,#about,#projects,#contact{scroll-margin-top:120px}.title-container{text-align:center;padding-top:0;margin:20px auto}.title-container h1{font-size:50px;font-weight:700}.title-container img{width:200px;height:auto;object-fit:cover;border-radius:37%}.theme-button{background-color:transparent;font-size:20px;float:right;margin-bottom:-20px}.contact{padding:1rem;border-radius:16px;max-width:700px;margin:20px auto}.contact header{font-size:40px;padding:5px 10px;font-weight:700}.contact p{font-size:16px}.webpage-icons{display:flex;gap:20px;padding-left:40px}footer{text-align:center;padding:20px 0;margin-top:60px}@media (max-width: 600px){.title-container{flex-direction:column;align-items:center}}.light-mode .theme-button{color:#213547}.dark-mode .theme-button{color:#ddd}.light-mode .contact,.light-mode footer{background-color:#f4f4f4;border:1px solid #ddd}.dark-mode .contact,.dark-mode footer{background-color:#333;border:1px solid #444}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid;position:sticky;top:0;z-index:1}.navbar-logo{height:50px;width:50px}.navbar-brand a{font-size:2.5rem;font-weight:700;align-items:center}.navbar-toggle{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer}.navbar-links{list-style:none;display:flex;gap:1.5rem;margin:0;padding:0}.navbar-links li a{text-decoration:none;font-weight:500}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;display:none;padding:1rem 2rem}.navbar-links.active{display:flex}.light-mode .navbar-links{background-color:#f4f4f4}.dark-mode .navbar-links{background-color:#333}}.light-mode .navbar-links li a{color:#333}.dark-mode .navbar-links li a{color:#ddd}.light-mode .navbar-links li a:hover{color:var(--dark_blue)}.dark-mode .navbar-links li a:hover{color:var(--light_blue)}.light-mode .navbar{background-color:#f4f4f4;border-bottom:1px solid #ddd}.dark-mode .navbar{background-color:#333;border-bottom:1px solid #444}.light-mode .navbar-toggle{color:#213547}.dark-mode .navbar-toggle{color:#ddd}.tab-box{padding:1rem;border-radius:16px;margin-bottom:1rem;max-width:700px;margin:20px auto}.tab-box-row{display:grid;grid-template-columns:1fr 4fr}.tab-box-toggle-sidebar{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer}.tab-box-sidebar{padding:20px;border-radius:0 0 0 12px;min-height:350px;font-family:Arial,sans-serif}.tab-box-sidebar ul{list-style:none;padding:0;margin:0}.tab-box-sidebar li{margin-bottom:15px}.tab-box-sidebar button{width:100%;background-color:transparent;border:none;padding:10px 15px;text-align:left;font-size:14px;border-radius:0;cursor:pointer;transition:background-color .2s ease;border-bottom:solid 1.5px}.tab-box-sidebar button:hover,.tab-box-sidebar button:focus{background-color:var(--light_blue);color:var(--dark_blue);outline:none}.tab-box-section-title{font-size:40px;padding:5px 10px;font-weight:700;border-radius:12px 12px 0 0}.tab-box-content{border-radius:0 0 12px}.tab-box-header{font-weight:700;padding:10px 20px}.tab-box-desc{padding:10px 20px;font-size:14px;white-space:pre-line}@media (max-width: 700px){.tab-box-sidebar{min-height:550px}.tab-box-content.active{display:none}.tab-box-toggle-sidebar{display:block}.tab-box-sidebar-list{position:relative;top:0;left:0;right:0;flex-direction:column;display:none;padding:1rem 2rem;z-index:0}.tab-box-sidebar-list.active{display:flex}}.light-mode .tab-box{background-color:#f4f4f4}.dark-mode .tab-box{background-color:#333}.light-mode .tab-box-sidebar{background-color:var(--light_blue)}.dark-mode .tab-box-sidebar{background-color:var(--dark_blue)}.light-mode .tab-box,.light-mode .tab-box-content,.light-mode .tab-box-sidebar,.light-mode .tab-box-section-title{border:1px solid #ddd}.dark-mode .tab-box,.dark-mode .tab-box-content,.dark-mode .tab-box-sidebar,.dark-mode .tab-box-section-title{border:1px solid #444}.light-mode .tab-box-sidebar button{color:#213547}.dark-mode .tab-box-sidebar button{color:#c1b5b5}.light-mode .tab-box-sidebar button:hover,.light-mode .tab-box-sidebar button:focus{background-color:#d5ffff;color:var(--dark_blue);outline:none}.dark-mode .tab-box-sidebar button:hover,.dark-mode .tab-box-sidebar button:focus{background-color:#1757a7;color:var(--light_blue);outline:none}.tab-carousel{padding:1rem;border-radius:16px;max-width:700px;margin:20px auto}.tab-carousel-title{font-size:40px;padding:5px 10px;font-weight:700}.tab-carousel-toggle-all{float:right;font-size:16px}.tab-carousel-carousel{display:flex;gap:20px;align-items:center;justify-content:center;padding:20px 0;max-width:650px;height:350px;position:relative;margin:auto}.tab-carousel-center-slide{width:30%;text-align:center;font-weight:700;transition:transform .2s ease}.tab-carousel-center-slide img{height:300px;width:100%;border-radius:12px;object-fit:cover;border:1px solid}.tab-carousel-side-slide{width:20%;text-align:center;font-weight:700;cursor:pointer;transition:transform .2s ease}.tab-carousel-side-slide img{height:200px;width:100%;border-radius:8px;object-fit:cover;border:1px solid}.tab-carousel-container-all{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:20px;padding:20px}.tab-carousel-slide-all{width:20%;text-align:center;font-weight:700;cursor:pointer;transition:transform .2s ease}.tab-carousel-slide-all:hover,.tab-carousel-side-slide:hover,.tab-carousel-center-slide:hover{transform:translateY(-5px)}.tab-carousel-slide-all img{height:200px;width:100%;border-radius:8px;object-fit:cover;border:1px solid}.tab-carousel-button{position:absolute;width:30px;border:1px solid;font-size:20px}.tab-carousel-slide-selector{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-content:center}.tab-carousel-slide-selector button{margin:0;padding:0;background-color:transparent}.tab-carousel-slide-selector button:hover{border-color:transparent}.tab-carousel-content{margin:30px;border:1px solid;border-radius:12px}.tab-carousel-subtitle{font-weight:700;font-size:20px;padding:10px 20px;border-bottom:1px solid;border-radius:12px 12px 0 0}.tab-carousel-desc{display:flex;gap:10px;justify-content:space-between;padding:10px 20px;font-size:14px;white-space:pre-line;min-height:200px;word-break:break-word}.tab-carousel-desc img{min-width:30%;max-width:30%;border-radius:8px;object-fit:cover;border:1px solid;align-self:center}@media (max-width: 650px){.tab-carousel-side-slide{display:none}.tab-carousel-center-slide{width:60%}.tab-carousel-center-slide img{border-radius:40px}.tab-carousel-slide-all{width:40%}.tab-carousel-desc{flex-direction:column}.tab-carousel-desc img{width:60%}}.light-mode .tab-carousel{background-color:#f4f4f4;border:1px solid #ddd}.dark-mode .tab-carousel{background-color:#333;border:1px solid #444}.light-mode .tab-carousel-toggle-all{background-color:#ddd;color:#213547}.dark-mode .tab-carousel-toggle-all{background-color:#444;color:#ddd}.dark-mode .tab-carousel-button{color:#f4f4f4;background-color:var(--dark_blue);border-color:#444}.light-mode .tab-carousel-button{color:#333;background-color:var(--light_blue);border-color:#ddd}.light-mode .tab-carousel-center-slide img,.light-mode .tab-carousel-side-slide img,.light-mode .tab-carousel-slide-all img,.light-mode .tab-carousel-desc img,.light-mode .tab-carousel-content{border-color:#ddd}.dark-mode .tab-carousel-center-slide img,.dark-mode .tab-carousel-side-slide img,.dark-mode .tab-carousel-slide-all img,.dark-mode .tab-carousel-desc img,.dark-mode .tab-carousel-content{border-color:#444}.light-mode .tab-carousel-slide-selector button{color:var(--dark_blue)}.dark-mode .tab-carousel-slide-selector button{color:var(--light_blue)}.light-mode .tab-carousel-subtitle{border-color:#ddd;background-color:var(--light_blue)}.dark-mode .tab-carousel-subtitle{border-color:#444;background-color:var(--dark_blue)}