@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&family=Inter:wght@400;500;600;700&family=Sora:wght@600&display=swap";@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-ext-400-normal-BtiwyxMk.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-400-normal-BjWJ59Pq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-ext-600-normal-4vooXBpG.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-600-normal-DRtaDpgU.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary:#ff6b6b;--primary-hover:#ffa8a8;--white:#fff;--surface:#f9f9f9;--text:#111}*{box-sizing:border-box;margin:0}body{color:var(--text);background:var(--surface);font-family:IBM Plex Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:Sora,sans-serif}#app{min-height:100vh;display:flex}nav{background:var(--primary);width:12vw;min-height:100vh}.nav-buttons{margin-top:10vh;margin-left:7px}.nav-button{text-align:left;color:#fff;background:0 0;border:0;width:100%;height:2.3rem;margin-top:3px;padding-left:10%;font-weight:700;display:block}.nav-button:hover,.nav-button.active{background:var(--primary-hover);box-shadow:0 0 8px #0002}.main{flex-direction:column;width:100%;min-height:100vh;display:flex}header{text-align:center;margin:25px 0;position:relative}header h1{font-size:2.3rem}header h2{font-size:1rem;font-weight:400}.admin-button{background:0 0;border:0;padding:10px;position:absolute;top:-25px;right:0}.divider{background:var(--primary);height:.5rem;margin:0 35px}.main-content{background:var(--white);width:100%;min-height:100vh;padding:1rem}@keyframes fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.title-row{align-items:center;gap:10px;display:flex}.title-row h2,.main-content>h2{font-size:1.3rem}.view-buttons{gap:6px;margin-left:auto;display:flex}.view-buttons button{background:var(--surface);border:1px solid #000;border-radius:25%;place-items:center;width:2.3rem;height:2.3rem;display:grid}.projects-div{width:100%}.project-item{background:var(--surface);border:1px solid #000;flex-direction:column;width:100%;margin:1rem 0;padding:1rem;display:flex}.project-item>a img{object-fit:cover;border:5px solid var(--primary-hover);width:100%;max-height:320px;display:block}.project-item-info{flex-direction:column;flex-grow:1;display:flex}.project-div-text{margin:.7rem}.project-div-text h3{margin-bottom:.3rem;font-size:1.2rem}.project-div-text p{padding-bottom:.3rem}.tags{flex-wrap:wrap;gap:6px;margin:7px 0 10px;display:flex}.tags span{background:var(--primary);color:#fff;border-radius:999px;padding:3px 8px;font-size:.8rem}.github-link{justify-content:flex-end;align-items:center;gap:5px;margin-top:auto;font-weight:700;display:flex}.project-grid{grid-template-columns:repeat(3,1fr);gap:0 1rem;display:grid}.project-grid .project-item{height:100%}.about-div{background:var(--surface);border:1px solid #000;flex-direction:column;justify-content:center;align-items:center;margin:1rem 10% 0;padding:2rem;display:flex}.about-img{object-fit:cover;width:100%;height:100%}.about-div p{width:100%;margin-bottom:.7rem;font-size:1.1rem}.about-div h3{margin:1rem 0 .5rem;font-size:1.3rem}.contact-form{background:var(--surface);border:1px solid #000;flex-direction:column;gap:.8rem;width:50%;margin-top:1rem;padding:1rem;display:flex}.contact-form label{flex-direction:column;gap:4px;display:flex}.contact-form input,.contact-form textarea{border:1px solid #777;padding:.45rem}.contact-form textarea{resize:vertical;height:150px}.contact-form button{background:var(--primary);color:#fff;border:0;justify-content:center;align-items:center;gap:7px;height:2.5rem;font-weight:700;display:flex}.contact-form button:hover{background:var(--primary-hover)}small{font-weight:400}.success{color:green;margin-top:.7rem}.error{color:red;margin-top:.7rem}.notice{padding:.8rem 0}.admin-intro{margin-top:.5rem}.admin-form{max-width:700px}footer{text-align:center;padding:2rem 0 1.3rem}.social{justify-content:center;gap:1.2rem;font-size:1.15rem;font-weight:700;display:flex}.social a{align-items:center;gap:5px;display:flex}.social a:hover{color:var(--primary-hover)}footer p{padding-top:2rem;font-size:1.1rem}@media (width>=601px){.project-item:not(.project-grid .project-item){flex-direction:row}.project-item>a,.project-item-info{flex:1}}@media (width<=600px){#app{flex-direction:column}nav{width:100%;min-height:auto}.nav-buttons{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.nav-button{text-align:center;margin:0;padding:0}.main{background:#fff}header{margin:1rem 0 1.5rem}header h1{font-size:2rem}header h2{font-size:1rem}.divider{margin:0 0 .5rem}.main-content{padding:1rem}.view-buttons{display:none}.project-grid{display:block}.project-item{flex-direction:column}.about-div{margin:1rem 0 0;padding:1.3rem}.contact-form{width:100%}}.admin-button{display:none}.project-image-link{display:block;overflow:hidden}.project-item>a img{object-fit:cover;height:clamp(180px,24vw,320px);transition:transform .2s}.project-image-link:hover img{transform:scale(1.02)}.tag-selector{flex-wrap:wrap;gap:7px;margin:1rem 0;display:flex}.tag-selector button{background:var(--surface);border:1px solid #000;border-radius:999px;padding:5px 11px}.tag-selector button:hover,.tag-selector button.selected{background:var(--primary);color:#fff}.about-img-circle{flex:none;width:clamp(120px,22vw,150px);height:clamp(120px,22vw,150px)}.about-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about-div p{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.5}.contact-form{width:min(100%,700px)}.admin-login{max-width:700px}.admin-login .contact-form{width:min(100%,420px)}@media (width<=600px){.project-item>a img{height:clamp(180px,55vw,280px)}.about-div{margin:1rem 0 0;padding:1.3rem}.contact-form{width:100%}}body,h1,h2,h3{font-family:DM Sans,Inter,IBM Plex Sans,sans-serif}header h1,header h2{font-family:Sora,sans-serif}.about-img-circle{border:5px solid var(--primary);background:#000;border-radius:50%;width:150px;height:150px;margin-bottom:2rem;overflow:hidden}.about-img-circle .about-img{object-fit:cover;width:250px;height:250px;transform:translate(-63px,-40px)}.admin-workspace{max-width:900px}.admin-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.admin-heading h2{margin-bottom:.35rem}.admin-heading p{color:#555}.admin-logout{border:1px solid var(--primary);color:#b94747;background:0 0;border-radius:4px;padding:.45rem .8rem;font-weight:600}.admin-logout:hover{background:var(--primary);color:var(--white)}.admin-menu{border-bottom:2px solid var(--primary);flex-wrap:wrap;gap:7px;margin:1.3rem 0;padding-bottom:.55rem;display:flex}.admin-menu button{border:1px solid var(--primary);background:var(--white);color:#b94747;border-radius:4px;padding:.5rem .9rem;font-weight:600}.admin-menu button:hover,.admin-menu button.active{background:var(--primary);color:var(--white)}.admin-panel{min-height:260px}.admin-panel .admin-intro{margin-bottom:.8rem}.admin-layout{width:100%!important;margin-left:0!important}.admin-layout .main-content{justify-content:center;padding:2rem 1.5rem;display:flex}.admin-layout .admin-workspace,.admin-layout .admin-login{width:min(100%,900px);margin:0 auto}.admin-layout header{margin:2rem 0 1.5rem}.admin-layout footer{display:none}@media (width<=600px){.admin-layout .main-content{padding:1rem}.admin-layout .admin-workspace,.admin-layout .admin-login{width:100%}.admin-heading{align-items:center}.admin-heading h2{font-size:1.15rem}.admin-heading p{font-size:.9rem}.admin-menu{margin-top:1rem}.admin-menu button{flex:1;padding:.55rem .45rem}.admin-panel .contact-form{width:100%}}.admin-layout .admin-login{text-align:center;margin:0 auto}.admin-layout .admin-login .contact-form{text-align:left;width:min(100%,420px);margin-left:auto;margin-right:auto}.admin-layout .admin-login .contact-form button{width:100%}.site-header{color:inherit;text-align:center;background:0 0;border:0;padding:0}.site-header:hover{box-shadow:none;background:0 0}.mobile-theme-toggle{display:none}@media (width<=600px){nav .dark-mode-toggle{display:none!important}.mobile-theme-toggle{color:var(--primary);background:0 0;border:0;place-items:center;padding:.35rem;display:grid;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.mobile-theme-toggle:hover{box-shadow:none;color:var(--primary-hover);background:0 0}}.project-image-wrap{aspect-ratio:16/9;height:auto}.project-image-wrap .project-image-link,.project-image-wrap .project-image-link img{width:100%;height:100%!important}.project-image-wrap .project-image-link img{object-fit:cover}#app[data-theme=dark]{--primary:#4d7cff;--primary-hover:#8fb3ff;--white:#0f1115;--surface:#1b2028;--text:#e8edf7;color:var(--text)}#app[data-theme=dark] header h1,#app[data-theme=dark] header h2,#app[data-theme=dark] .site-header{color:var(--text)}#app[data-theme=dark] .dark-mode-toggle{color:#fff}#app[data-theme=dark] .mobile-theme-toggle{color:var(--primary)}#app[data-theme=dark] .main{background:var(--surface)}#app[data-theme=dark] .main-content{background:var(--white)}#app[data-theme=dark] .project-item,#app[data-theme=dark] .about-div,#app[data-theme=dark] .contact-form,#app[data-theme=dark] .admin-image-row{border-color:#566174}#app[data-theme=dark] .contact-form input,#app[data-theme=dark] .contact-form textarea,#app[data-theme=dark] .admin-project-toolbar select{color:var(--text);background:#252b35;border-color:#68758a}#app[data-theme=dark] .admin-heading p{color:#b7c1d2}#app[data-theme=dark] .admin-menu button,#app[data-theme=dark] .view-buttons button,#app[data-theme=dark] .tag-selector button{background:var(--surface);color:#b9ccff}#app[data-theme=dark] .admin-menu button.active,#app[data-theme=dark] .view-buttons button:hover,#app[data-theme=dark] .view-buttons button:focus-visible,#app[data-theme=dark] .tag-selector button.selected{color:#fff}#app[data-theme=dark] .admin-logout{color:#b9ccff}#app[data-theme=dark] .admin-actions .danger{color:#ff9b9b;background:0 0}#app[data-theme=dark] .admin-actions .danger:hover{color:#fff;background:#a83232}#app[data-theme=dark] .success{color:#71d39b}#app[data-theme=dark] .error{color:#ff9b9b}#app[data-theme=dark] .main-content h2,#app[data-theme=dark] .main-content h3,#app[data-theme=dark] .main-content p,#app[data-theme=dark] .main-content label,#app[data-theme=dark] .main-content small,#app[data-theme=dark] .github-link,#app[data-theme=dark] footer{color:var(--text)}#app[data-theme=dark] .tag-selector button:hover,#app[data-theme=dark] .tag-selector button:focus-visible,#app[data-theme=dark] .admin-actions button:hover{color:#fff}.admin-panel .contact-form{margin-left:auto;margin-right:auto}.admin-panel .admin-intro{width:min(100%,700px);margin-left:auto;margin-right:auto}.admin-project-toolbar{align-items:center;gap:.7rem;width:min(100%,700px);margin:0 auto 1rem;display:flex}.admin-project-toolbar label{font-weight:600}.admin-project-toolbar select{background:var(--white);border:1px solid #777;flex:1;padding:.45rem}.admin-image-list{border-top:1px solid #bbb;margin-top:1rem;padding-top:1rem}.admin-image-list h3{margin-bottom:.7rem;font-size:1rem}.admin-image-row{background:var(--white);border:1px solid #ccc;align-items:center;gap:.5rem;margin-bottom:.6rem;padding:.4rem;display:flex}.admin-image-row img{object-fit:cover;border:2px solid var(--primary-hover);width:70px;height:50px}.admin-image-row span{text-align:center;width:1.5rem;font-weight:700}.admin-image-row button{border:1px solid var(--primary);color:#b94747;background:0 0;border-radius:4px;padding:.3rem .5rem}.admin-image-row button:hover:not(:disabled){background:var(--primary);color:var(--white)}.admin-image-row button:disabled{opacity:.35;cursor:not-allowed}.admin-actions{flex-wrap:wrap;gap:.6rem;margin-top:1rem;display:flex}.admin-actions button{border:1px solid var(--primary);background:var(--primary);color:var(--white);border-radius:4px;padding:.55rem .8rem;font-weight:600}.admin-actions button:hover{background:var(--primary-hover);color:var(--text)}.admin-actions .danger{color:#b42318;background:#fff;border-color:#b42318}.admin-actions .danger:hover{color:#fff;background:#b42318}@media (width<=600px){.admin-project-toolbar{flex-direction:column;align-items:stretch}.admin-project-toolbar select{width:100%}.admin-image-row{flex-wrap:wrap}.admin-image-row img{width:58px;height:44px}.admin-actions{flex-direction:column}.admin-actions button{width:100%}}.carousel-image{animation:.32s both carouselImageIn}@keyframes carouselImageIn{0%{opacity:.35;transform:translate(10px)scale(1.01)}to{opacity:1;transform:translate(0)scale(1)}}.fade-in{animation:.35s both pageSlideIn}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width>=601px){nav{z-index:10;width:220px;height:100vh;transition:width .2s;position:fixed;inset:0 auto 0 0;overflow:hidden}nav.collapsed{width:64px}.main{width:calc(100% - 220px);margin-left:220px;transition:margin-left .2s,width .2s}.main.menu-collapsed{width:calc(100% - 64px);margin-left:64px}.nav-toggle{color:#fff;background:#fff3;border:0;border-radius:8px;place-items:center;width:36px;height:36px;margin:0;display:grid;position:absolute;top:12px;right:12px}.nav-toggle:hover{background:var(--primary-hover)}nav.collapsed .nav-button{justify-content:center;padding:0}nav.collapsed .nav-button span{display:none}.nav-button{align-items:center;display:flex}.dark-mode-toggle{color:var(--white);background:0 0;border:1px solid #ffffff73;border-radius:4px;align-items:center;gap:.55rem;padding:.65rem .75rem;font-weight:600;display:flex;position:absolute;bottom:1.5rem;left:12px;right:12px}.dark-mode-toggle:hover{box-shadow:none;background:#ffffff24}nav.collapsed .dark-mode-toggle{justify-content:center;padding:.65rem 0;left:10px;right:10px}nav.collapsed .dark-mode-toggle span{display:none}}@media (width<=600px){.nav-toggle{display:none}nav.collapsed .nav-buttons{display:grid}nav.collapsed{min-height:auto}.dark-mode-toggle{width:calc(100% - 2rem);color:var(--white);background:0 0;border:1px solid #ffffff73;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;margin:1rem auto .75rem;padding:.55rem;font-weight:600;display:flex}}.title-row{border-bottom:2px solid var(--primary);padding-bottom:.35rem}.title-row h2{color:var(--text);letter-spacing:-.02em}.view-buttons button{border:1px solid var(--primary);width:1.9rem;height:1.9rem;color:var(--primary);background:var(--white);border-radius:4px;padding:0;transition:all .2s}.view-buttons button:hover,.view-buttons button:focus-visible{background:var(--primary);color:var(--white);outline:none;box-shadow:0 3px 8px #ff6b6b4d}.tag-selector{margin:.5rem 0 1rem;padding:.75rem 0}.tag-selector button{border:1px solid var(--primary);color:#b94747;background:var(--white);border-radius:4px;font-size:.9rem;font-weight:700;transition:all .2s}.tag-selector button:hover,.tag-selector button:focus-visible{background:var(--primary-hover);color:#5d2525;outline:none;transform:translateY(-1px);box-shadow:0 3px 8px #ff6b6b38}.tag-selector button.selected{background:var(--primary);color:var(--white);box-shadow:0 3px 8px #ff6b6b47}.project-image-wrap{flex:1;min-width:0;position:relative}.project-image-wrap .project-image-link{height:100%}.carousel-arrow{z-index:2;width:2rem;height:2rem;color:var(--white);filter:drop-shadow(0 1px 3px #000000bf);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover{color:var(--white);background:#fff3}.carousel-arrow-left{left:10px}.carousel-arrow-right{right:10px}.carousel-indicator{color:var(--white);background:#0009;border-radius:4px;padding:3px 8px;font-size:.78rem;position:absolute;bottom:10px;right:10px}.project-image-wrap .project-item>a img{height:100%}.project-image-wrap .project-image-link img{object-fit:cover;border:5px solid var(--primary-hover);width:100%;height:clamp(180px,24vw,320px);display:block}@media (width>=601px){.project-item:not(.project-grid .project-item) .project-image-wrap{flex:1}.project-item:not(.project-grid .project-item) .project-image-wrap .project-image-link img{height:100%;min-height:220px}}@media (width<=600px){.project-image-wrap .project-image-link img{height:clamp(180px,55vw,280px)}}#root{visibility:visible}.admin-button{opacity:0;z-index:100;background:0 0;border:0;width:9rem;height:4rem;padding:0;display:block;position:fixed;top:0;right:0}@media (width<=600px){.admin-button{width:4.5rem;height:2.3rem}}:root{--primary:#f06f78;--primary-hover:#f7a2aa}body{overflow-x:hidden}.main-content{padding:clamp(1rem,2vw,2rem)}.title-row{margin-bottom:.4rem}.title-row h2,.main-content>h2{letter-spacing:-.025em;font-size:clamp(1.35rem,2vw,1.7rem)}.project-item{background:#fff;border:1px solid #c8d0da;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 5px 18px #141c2d24}.project-item:hover{transform:translateY(-2px);box-shadow:0 9px 24px #141c2d33}.project-image-wrap .project-image-link img{border:0;border-radius:0}.project-item-info{min-width:0;padding:.15rem .35rem 0}.project-div-text{min-width:0;margin:.7rem}.project-div-text h3{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.25}.project-div-text p{overflow-wrap:anywhere;line-height:1.55}.github-link{color:#4b5563;border-top:1px solid #e7e9ee;align-self:flex-end;width:100%;margin-top:auto;padding:.7rem 0 0;transition:color .2s}.github-link:hover{color:var(--primary)}.tag-selector{gap:8px;margin:1rem 0 1.25rem}.tag-selector button{box-shadow:0 2px 5px #141c2d0f}.tag-selector button:hover,.tag-selector button:focus-visible{box-shadow:0 4px 10px #141c2d1f}.view-buttons button{box-shadow:0 2px 5px #141c2d0f}.view-buttons button:hover,.view-buttons button:focus-visible{box-shadow:0 4px 10px #141c2d24}.about-div,.contact-form{border-color:#c8d0da;border-radius:12px;box-shadow:0 5px 18px #141c2d1f}.contact-form input,.contact-form textarea{border-color:#cbd2dc;border-radius:6px}.contact-form button{border-radius:6px}.admin-menu button,.admin-logout{transition:all .2s}#app[data-theme=dark] .project-item,#app[data-theme=dark] .about-div,#app[data-theme=dark] .contact-form{background:var(--surface);border-color:#394456;box-shadow:0 6px 20px #00000038}#app[data-theme=dark] .github-link{color:#b7c1d2;border-top-color:#394456}#app[data-theme=dark] .contact-form input,#app[data-theme=dark] .contact-form textarea{border-color:#536176}@media (width<=600px){.project-item{margin:1rem 0}.project-item-info{padding:0}.github-link{justify-content:flex-start}.main-content{padding:.9rem}.about-div,.contact-form{border-radius:10px}}