:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--dark-accent: #172121;--light-accent: #bad1cd;--secondary: #444554;--primary: #3398ce;--primary-dark: #1d5877;color-scheme:light dark;color:#ffffffde;background-color:var(--secondary);background-image:url(/background-dark.svg);background-repeat:no-repeat;background-position:center;background-size:cover;min-height:100vh;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--primary);text-decoration:inherit;cursor:pointer;transition:.3s}a:hover{color:var(--primary-dark)}body{margin:0}section{display:flex;flex-direction:column;padding:5px}section.centered{align-items:center}.divider{height:2px;width:100%;background-color:var(--primary);margin:5px 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;background-color:var(--light-accent);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--primary-dark)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--dark-accent);background-color:#fff;background-image:url(/background-light.svg)}button{background-color:var(--light-accent)}}._thumbnail-wrapper_1rqe5_1{display:grid;grid-template-columns:2fr 1fr;gap:10px;padding:5px;margin:10px;text-align:left;opacity:0;transform:translate(0);transition:all .6s ease-out}._thumbnail-wrapper_1rqe5_1._show_1rqe5_15{opacity:1}._thumbnail-wrapper_1rqe5_1._reverse_1rqe5_19{transform:translate(-50px)}._thumbnail-wrapper_1rqe5_1._reverse_1rqe5_19._show_1rqe5_15{transform:translate(0)}._thumbnail-wrapper_1rqe5_1:not(._reverse_1rqe5_19){transform:translate(50px)}._thumbnail-wrapper_1rqe5_1:not(._reverse_1rqe5_19)._show_1rqe5_15{transform:translate(0)}._thumbnail-wrapper_1rqe5_1 h2{margin:0 0 10px}._thumbnail-wrapper_1rqe5_1._reverse_1rqe5_19{direction:rtl}._thumbnail-image-wrapper_1rqe5_43{width:300px;height:200px;background-color:#00000080;border-radius:8px;display:flex;align-items:center;justify-content:center}._thumbnail-image-wrapper_1rqe5_43 img{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:#00000080}@media (width < 750px){._thumbnail-wrapper_1rqe5_1,._thumbnail-wrapper_1rqe5_1._reverse_1rqe5_19{display:flex;flex-direction:column-reverse;align-items:center}}._spinner_ojsf3_1{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--primary);border-radius:50%;animation:_spin_ojsf3_1 1s linear infinite;margin:auto}@keyframes _spin_ojsf3_1{to{transform:rotate(360deg)}}._about-body_1xlgq_1{display:grid;grid-template-columns:.5fr 1fr;gap:10px;background-color:#0000004d;border-radius:10px;padding:5px;justify-items:center}._about-image-wrapper_1xlgq_11{width:500px;height:400px;background-color:#00000080;border-radius:8px;display:flex;align-items:center;justify-content:center}._about-image-wrapper_1xlgq_11 img{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:#00000080}._thumbnail-main-wrapper_1xlgq_29{width:75%;background-color:#0003;box-shadow:0 10px 20px #0000004d;border-radius:5px;margin-bottom:10px;cursor:pointer;transition:transform .3s ease}._thumbnail-main-wrapper_1xlgq_29:hover{transform:scale(1.025)}@media (width < 800px){._about-body_1xlgq_1{grid-template-columns:1fr}._about-image-wrapper_1xlgq_11{width:300px;height:200px}}._project-body_gkxz6_1,._project-header_gkxz6_2._column_gkxz6_2{display:grid;align-content:center;justify-items:center}._project-body_gkxz6_1{grid-template-columns:2fr 1fr;gap:20px}._project-header_gkxz6_2._column_gkxz6_2{grid-template-columns:80% 10%}._project-header_gkxz6_2{display:flex;justify-content:center}._project-header_gkxz6_2 h1{margin:0 0 10px}._thumbnail-image-wrapper_gkxz6_26{width:500px;height:400px;background-color:#00000080;border-radius:8px;display:flex;align-items:center;justify-content:center}._thumbnail-image-wrapper_gkxz6_26 img{width:100%;height:100%;object-fit:contain;border-radius:8px;background-color:#00000080}._project-body_gkxz6_1 h3{text-align:left;margin:0 0 10px}._project-body_gkxz6_1>div{width:100%;background-color:#0003;border-radius:5px;padding:5px}._bubble-wrapper_gkxz6_56{display:flex;gap:5px}._bubble_gkxz6_56{border:2px solid var(--light-accent);background-color:var(--dark-accent);opacity:.8;padding:5px;border-radius:10px}@media (prefers-color-scheme: light){._bubble_gkxz6_56{border:2px solid var(--dark-accent);background-color:var(--light-accent)}}@media (width < 1000px){._project-header_gkxz6_2._column_gkxz6_2,._project-body_gkxz6_1{grid-template-columns:1fr}._project-body_gkxz6_1>div:nth-child(1){order:1}}@media (width < 500px){._thumbnail-image-wrapper_gkxz6_26{width:300px;height:200px}}._carousel-container_16ttd_1{width:100%;position:relative}._thumbnail-scroll_16ttd_6{display:flex;flex-direction:column;overflow-y:auto;align-items:center;gap:10px;padding:10px;scrollbar-width:thin;scrollbar-color:var(--secondary) transparent;height:75%;border:2px solid var(--light-accent);background-color:var(--dark-accent);opacity:.8;border-radius:10px}._thumbnail-scroll_16ttd_6::-webkit-scrollbar{height:8px}._thumbnail-scroll_16ttd_6::-webkit-scrollbar-thumb{background-color:var(--dark-accent);border-radius:4px}._thumbnail_16ttd_6{height:80px;width:100px;object-fit:contain;background-color:#1d58774d;border-radius:5px;cursor:pointer;padding:5px;transition:transform .2s ease}._thumbnail_16ttd_6:hover{transform:scale(1.05)}._preview-overlay_16ttd_45{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;justify-content:center;align-items:center;z-index:999}._preview-image_16ttd_58{max-width:90%;max-height:90%;border-radius:10px}._close-button_16ttd_64{position:fixed;top:20px;right:30px;font-size:30px;color:#fff;background:none;border:none;cursor:pointer}@media (width < 1000px){._carousel-container_16ttd_1{max-width:50%}._thumbnail-scroll_16ttd_6{flex-direction:row;overflow-x:auto;overflow-y:hidden}}@media (prefers-color-scheme: light){._thumbnail-scroll_16ttd_6{border:2px solid var(--dark-accent);background-color:var(--light-accent)}}._navbar_1k5bx_1{position:sticky;top:0;padding:5px;height:3.5rem;background-color:var(--dark-accent);z-index:5}._navbar_1k5bx_1 a{font-size:xx-large}
