:root{--nav-dark: #14171a;--bg-dark: #212529;--card-dark: #3c4146;--accent-dark: lime;--nav-light: white;--bg-light: #f8f9fa;--card-light: rgb(230, 230, 230);--accent-light: salmon}*{margin:0;padding:0;box-sizing:border-box!important}html,body{height:100%;overscroll-behavior:none}body{display:table;width:100%;height:100%;color:#f5f5f5;line-height:2rem;position:relative;font-family:sans-serif}.lines{position:absolute;top:0;left:0;right:0;height:100%;margin:auto;width:90vw}.line{position:absolute;width:2.5px;height:100%;top:0;left:12%;overflow:hidden;z-index:1}.line:after{content:"";display:block;position:absolute;height:15vh;width:100%;top:-50%;left:0;animation:drop 10s 0s infinite linear;animation-fill-mode:forwards}.line:nth-child(1){margin-left:-7.5%}.line:nth-child(1):after{animation-delay:4s}.line:nth-child(3){margin-left:7.5%}.line:nth-child(3):after{animation-delay:7.46s}@keyframes drop{0%{top:-10%}to{top:100%}}main{z-index:2;position:relative}body{background-color:var(--bg-dark)}body .line{background:#00f7ff1a}body .line:after{background:linear-gradient(to bottom,#2f00,#0f5 75%,#00fbff)}body nav{background-color:var(--nav-dark)}body footer{background-color:var(--nav-dark)}body .card{background-color:var(--card-dark)!important}body .card-btn{background-color:var(--nav-dark);border:1px solid var(--card-dark);color:#f5f5f5}body .card-btn:hover{background-image:linear-gradient(var(--card-dark),var(--accent-dark));color:#f5f5f5}body button{background-color:var(--card-dark)!important;color:#f5f5f5!important;border:1px solid var(--card-dark)!important}body button:hover{background-image:linear-gradient(var(--card-dark),var(--accent-dark));border:1px solid var(--card-dark)}body .hero h2{color:var(--accent-dark)}.light-theme{background-color:var(--bg-light)}.light-theme .line{background:#fea7c744}.light-theme .line:after{background:linear-gradient(to bottom,#c0f0,salmon 75%,#d000ff)}.light-theme nav{background-color:var(--nav-light)}.light-theme footer{background-color:var(--nav-light)}.light-theme .card{background-color:var(--card-light)!important;color:var(--card-dark)!important;border:1px solid #dbdbdb}.light-theme button{background-color:var(--card-light)!important;color:var(--card-dark)!important;border:1px solid var(--card-light)!important}.light-theme button:hover{background-image:linear-gradient(var(--card-light),var(--accent-light));border:1px solid var(--card-light);color:#f5f5f5}.light-theme .hero{color:var(--card-dark)}.light-theme .hero h2{color:var(--accent-light)}.theme-toggle-btn{height:30px;width:30px;background-image:linear-gradient(45deg,var(--bg-light),var(--accent-light));border-radius:20px}.bi.bi-sun{color:#000;margin-top:2px}.bi.bi-moon{color:#fff;margin-top:2px}.light-theme .navbar-brand{color:var(--nav-dark)}.light-theme .navbar-brand:hover{color:var(--card-dark)}.light-theme .nav-item .nav-link{color:var(--nav-dark);opacity:.65}.light-theme .nav-item .nav-link:hover{color:var(--nav-dark);opacity:1}.light-theme .theme-toggle-btn{background-image:linear-gradient(45deg,var(--bg-dark),var(--accent-dark))}.hero{min-height:90vh;z-index:2;position:relative}.hero div{margin:100px 0 80px}.hero p{font-size:1.5rem}.hero h1{font-size:calc(3rem + 1.5vw)}.hero h2{font-size:calc(2.6rem + .9vw)}@media screen and (min-width: 576px){.hero div{margin:auto 0}}#stats{margin-bottom:100px}.stat-card-container{min-height:200px}.stat-card-start{border-radius:20px 0 0 20px;height:100px;overflow:hidden;transition:all .3s ease-in-out}.stat-card-start p{display:none}.stat-card-start:hover{background-image:linear-gradient(var(--card-dark),rgba(0,255,0,.25),rgba(0,255,0,.5));border:none;height:175px;border-radius:20px 20px 0}.stat-card-start:hover p{display:initial;padding-top:15px}.stat-card-start:hover .stat-card-body{margin-top:43px}.stat-card{border-radius:0;height:100px;transition:all .3s ease-in-out;overflow:hidden}.stat-card p{display:none}.stat-card:hover{background-image:linear-gradient(var(--card-dark),rgba(0,255,0,.25),rgba(0,255,0,.5));border:none;height:175px;border-radius:20px 20px 0 0}.stat-card:hover p{display:initial;padding-top:15px}.stat-card:hover .stat-card-body{margin-top:43px}.stat-card-end{border-radius:0 20px 20px 0;height:100px;transition:all .3s ease-in-out;overflow:hidden}.stat-card-end p{display:none}.stat-card-end:hover{background-image:linear-gradient(var(--card-dark),rgba(0,255,0,.25),rgba(0,255,0,.5));border:none;height:175px;border-radius:20px 20px 20px 0}.stat-card-end:hover p{padding-top:15px;display:initial}.stat-card-end:hover .stat-card-body{margin-top:43px}.stat-card-body{height:150px;margin-top:30px;transition:all .3s ease-in-out}:is(.stat-card-start,.stat-card,.stat-card-end) h3{font-size:calc(1rem + .4vw);font-weight:700}.light-theme .stat-card-start:hover,.light-theme .stat-card:hover,.light-theme .stat-card-end:hover{background-image:linear-gradient(var(--card-light),rgba(250,128,114,.25),rgba(250,128,114,.5))}@media screen and (max-width:767px){.stat-card-start,.stat-card,.stat-card-end{background-image:linear-gradient(var(--card-dark),rgba(0,255,0,.25),rgba(0,255,0,.5));border:none;height:175px;border-radius:20px}:is(.stat-card-start,.stat-card,.stat-card-end) p{padding-top:15px;display:initial}:is(.stat-card-start,.stat-card,.stat-card-end):hover{border-radius:20px}.light-theme .stat-card-start,.light-theme .stat-card,.light-theme .stat-card-end{background-image:linear-gradient(var(--card-light),rgba(250,128,114,.25),rgba(250,128,114,.5));border:none;height:175px;border-radius:20px}}.first-proj-container{background-size:cover;background-position:top;height:100vh;top:0;z-index:0;clip-path:inset(0)}.first-proj-flex-box{position:fixed;top:0;display:flex;width:100%;height:100%}.last-proj-container{height:100vh;position:sticky;top:0;z-index:4;clip-path:inset(0)}.last-proj-flex-box{position:sticky;display:flex;width:100%;height:100%}.last-proj-image{background-color:gray;background-size:cover;width:50%;height:100%}.proj-btn{margin:auto 0 15px}.proj-container{height:100vh;clip-path:inset(0)}.proj-flex-box{position:fixed;top:0}.proj-image{background-color:gray;height:300px;margin-top:70px}.proj-id{margin-top:-45px;font-size:4rem;font-weight:700;text-align:end;color:var(--accent-dark);opacity:.45}.proj-title{margin-top:-27px;font-weight:600;font-size:2.25rem}.proj-description{text-wrap:pretty}.light-theme .proj-id{color:var(--accent-light)}.light-theme .proj-title,.light-theme .proj-description,.light-theme .proj-tech{color:var(--card-dark)}@media screen and (min-width: 769px){.proj-row{align-items:stretch!important;flex-direction:row!important}.proj-text-col{padding-left:.25rem!important;padding-right:0!important;flex:0 0 auto;width:41.66666667%}.proj-image{height:100vh;margin-top:0;flex:0 0 auto;width:50%}.proj-id{margin-top:50px;font-size:6rem;font-weight:700;text-align:start;color:#0f0;opacity:.65}.proj-title{margin-top:0;font-weight:600;font-size:2.25rem}.proj-description{color:#f5f5f5;background-color:var(--card-dark);padding:20px;border-radius:20px 0 0 20px;text-wrap:pretty}.light-theme .proj-description{background-color:var(--card-light)}}@media screen and (max-width:768px){.proj-container{height:initial;clip-path:none}.proj-flex-box{position:static!important}}.summary-card{border-radius:20px}.summary-line{height:1px;background-color:var(--accent-dark);width:100%}.summary-image{border-radius:20px;height:100px;width:100px;object-fit:cover}.light-theme .summary-line{background-color:var(--accent-light)}.light-theme .card-btn{background-color:var(--nav-light);border:1px solid var(--card-light);color:var(--card-dark)}.light-theme .card-btn:hover{background-image:linear-gradient(var(--card-light),var(--accent-light));color:var(--card-dark)}@media screen and (min-width: 768px){.summary-line{height:90%;width:1px}}.footer{position:relative;z-index:2;padding:35px}.light-theme .footer{color:var(--card-dark)}hr{color:var(--accent-dark);opacity:1}li::marker{color:var(--accent-dark)}.resume-title{position:sticky;top:60px}.light-theme hr,.light-theme li::marker{color:var(--accent-light)}.light-theme .resume-title,.light-theme .resume-text{color:var(--card-dark)}@media screen and (max-width: 767px){hr{display:none}.resume-title{position:initial}}