.navbar{width:100%;height:60px;background-color:#8a8a8a;margin:0;display:flex;flex-direction:row;justify-content:space-between;position:fixed;z-index:1000}.navbar.night{background-color:#000}.navbar.modal-open{visibility:hidden}.navbar-hamburger,.navbar-logo,.navbar-links{position:absolute}.navbar-hamburger,.navbar-moon{color:#00000080;font-size:20px;transition:transform .3s ease,color .3s ease}.navbar-hamburger:hover,.navbar-moon:hover{color:#000;transform:scale(1.1)}.navbar-hamburger{top:25px;left:15px;cursor:pointer;transition:color .3s ease}#root.night .navbar-hamburger,#root.night .navbar-moon{color:#8a8a8a}#root.night .navbar-hamburger:hover,#root.night .navbar-moon:hover{color:#acacac}.navbar-hamburger img{width:20px;height:20px;cursor:pointer;align-self:flex-start;order:1}.navbar-logo{width:150px;height:auto;order:2;position:absolute;left:50%;top:0;transform:translate(-50%)}.navbar-links{top:8%;left:0;padding-left:15px;box-sizing:border-box;width:100%;height:100%;background-color:#8a8a8a;transform:translateY(100%);position:fixed;z-index:2}#root.night .navbar-links a:after{background-color:#8a8a8a}.navbar-moon{cursor:pointer;position:absolute;top:25px;right:15px;transition:color .3s ease}.navbar-links.open,.navbar-links.open li{margin-top:10px;transform:translateY(0);opacity:1}#root.night .navbar-links.open{background-color:#000}.navbar-links,.navbar-links li{opacity:0;transition:transform .5s ease,opacity .5s ease}.navbar-links li{list-style:none;text-align:left;transform:translateY(50px)}.navbar-links a{position:relative;transition:color .3s ease}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background-color:#000;transition:width .3s ease,background-color .3s ease}.navbar-links a:hover:after{width:100%}@media (min-width: 1060px){.navbar{height:40px}.navbar-logo{left:10px;transform:none;position:relative;order:0}.navbar-moon{z-index:3}.navbar-links{display:flex;justify-content:flex-start;top:10px;position:relative;background-color:unset}.navbar-links li{margin-left:30px}.navbar-links,.navbar-links li{transform:translateY(0);opacity:1;transition:none}.navbar-hamburger{display:none}.navbar-links a{text-decoration:none;color:#00000080;position:relative;transition:color .3s ease;z-index:0}.navbar-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#00000080;transition:background-color .3s ease}.navbar-links a:hover{color:#000}.navbar-links a:hover:after{width:100%;background-color:#000}}.card{width:100%;padding:0;position:relative;overflow:hidden;box-sizing:border-box;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:scale(1.05)}.card-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease;display:block;z-index:-1}.card-image.hovered{opacity:.8}.card-text{position:absolute;width:100%;box-sizing:border-box;text-align:left;bottom:0;background-color:#ffffffbf;padding:10px}.card-text h2{font-weight:500;margin-bottom:0}.card-text p{margin-top:0}@media (min-width: 767px){.card{width:50vw}}@media (min-width: 1024px){.card{width:33.33%}}#home-cta{text-decoration:none;color:#00000080;transition:color .3s ease}#home-cta:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#00000080;transition:background-color .3s ease}#home-cta:hover{color:#000}#home-cta:hover:after{background-color:#000}.card-list{display:flex;justify-content:center;margin-top:40px}.card.home-featured{padding:0;max-width:85%;margin:0 auto}h2,p{font-weight:500;text-align:left;line-height:1.4}.home{width:100%;height:100%;box-sizing:border-box}.about li{text-align:left}.about img{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-top:40px;margin-left:20px;order:2}.about-intro{display:flex;justify-content:space-between}main .about h2{margin-top:20px}.tech-content{width:100%;margin:0;padding:0}.video-gallery{box-sizing:border-box;display:flex;gap:20px;width:100%;justify-content:center;flex-wrap:wrap;align-items:center;padding:30px;min-width:100%;flex-grow:1;overflow:hidden}.video{position:relative;aspect-ratio:1 / 1;width:100%;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.video:hover{transform:scale(1.05);box-shadow:0 6px 12px #00000026}.video h3{z-index:1;position:absolute;background-color:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:0;width:100%;margin:0;padding:1px;font-size:1rem;text-align:center}video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}@media (min-width: 700px){.video{width:50%}}@media (min-width: 1100px){.video{width:30%}}.experience{text-align:left}h3{font-weight:500}main .experience h2{margin-top:20px}.projects{width:100%;margin:0;padding:0}.card.projects{padding:0;width:85%}.card-list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}@media (min-width: 768px){.card.projects{width:45%}}#root.night .project-image-overlay,#root.night .project-image-button{background-color:#333;color:#b0b0b0}#root.night .project-image-button:hover{color:#acacac}.project-image-overlay{position:fixed;background-color:#333;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:3}.project-image-box{overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;max-width:80%;max-height:80%;margin:0;padding:0;height:auto;box-sizing:border-box;position:relative;white-space:normal;box-shadow:0 4px 6px #0000004d}.project-image-box::-webkit-scrollbar{width:8px}.project-image-box::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px;transition:background-color .3s ease}.project-image-box::-webkit-scrollbar-thumb:hover{background-color:#888}.project-image-box img{width:auto;max-width:100%;max-height:100%;margin:0;padding:0}.project-image-box button{position:absolute;top:10px;right:10px;padding:0;width:35px;box-sizing:content-box;margin:15px;font-size:30px;color:#00000080;background-color:#8a8a8a;border-radius:50px;justify-content:center;align-items:center;box-shadow:0 4px 6px #0000004d;transition:transform .3s ease,color .3s ease}.project-image-box button:hover{color:#000;transform:scale(1.1)}@media (max-width: 768px){.project-image-box{max-width:90%;max-height:90%}.project-image-box button{font-size:24px}}.project{text-align:left;display:flex;flex-wrap:wrap}.project img{width:100%;height:auto;transition:transform .2s}.project-image:hover{cursor:pointer;transform:scale(1.01)}.project-images{display:flex;justify-content:center;width:100%;gap:10px}.project-images img{max-width:85%}.project-images .project-image-box img{max-width:100%}@media (max-width: 767px){.project-images{flex-wrap:wrap}}.project-image-div{display:flex;justify-content:center}*,*:before,*:after{box-sizing:border-box}#root{max-width:100%;height:100%;margin:0 auto;padding:0;text-align:center;display:flex;flex-direction:column}@media (min-width: 1280px){#root{max-width:1280px}}.app{height:100vh;box-sizing:border-box;margin:0;padding:0;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%}footer{width:100%;display:flex;justify-content:space-between;margin:0 15px;box-sizing:content-box;flex-wrap:wrap;font-size:.75rem}.app-social-icons{display:flex;align-items:center;margin-right:15px}.app-social-icon{margin:0 15px;color:#00000080;transition:transform .3s ease,color .3s ease}.app-social-icon:hover{color:#000;transform:scale(1.1)}.app-icon-large{font-size:20px}.app.open{position:fixed}main{flex:1;width:100%;padding:20px}#root{font-family:sans-serif;line-height:1.5;font-weight:400;height:100%;width:100%;min-width:100vw;margin:0;padding:0;overflow-x:hidden;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#8a8a8a}body.night{background-color:#000}#root.night{color:#8a8a8a;background-color:#000}#root.night a{color:#8a8a8a;transition:color .3s ease}#root.night a:hover{color:#acacac}#root.night .app-link{color:#8a8a8a}#root.night .app-link:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#8a8a8a;transition:background-color .3s ease}#root.night .app-link:hover{color:#acacac}#root.night .app-link:hover:after{background-color:#acacac}a{font-weight:500;color:#000;text-decoration:inherit}.app-link{text-decoration:none;color:#00000080;position:relative;transition:color .3s ease;z-index:0}.app-link:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background-color:#00000080;transition:background-color .3s ease}.app-link:hover{color:#000}.app-link:hover:after{background-color:#000}html,body{margin:0;padding:0}h1,h2{font-weight:500;text-align:left}h1:first-of-type,h2:first-of-type{margin-top:60px;margin-bottom:0}h1{font-size:1.5rem}h2{font-size:1.25rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}