:root{color-scheme:light dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}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:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.home-container{position:relative;width:100vw;height:100vh;margin:0;padding:0;background:#0f0f0f;overflow:hidden}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;cursor:grab}.overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;color:#fff}.overlay>h1{font-size:calc(1vw + 3rem);margin-bottom:20px;text-transform:uppercase;text-shadow:0 2px 15px #333}.menu a{display:block;margin:0 15px;font-size:calc(1vw + 1.2rem);text-decoration:none;color:#fff;text-shadow:0 2px 15px #333;transition:transform .3s ease,color .3s ease}.menu a:hover{transform:scale(1.2);color:#05dfd7}.sidebar-nav{position:sticky;top:2rem;display:flex;flex-direction:column;gap:1rem;width:350px}.sidebar-nav h2{font-size:calc(1vw + 1.25rem);color:#f0f0f0;padding-bottom:1rem;text-align:center;border-bottom:1px solid #f0f0f0}.nav-item{display:flex;align-items:center;gap:1rem;background-color:#1c1c1c;border-radius:8px;padding:.8rem;color:#f0f0f0;cursor:pointer;transition:background-color .3s ease,border .3s ease,color .3s ease}.nav-item:hover{background-color:#2a2a2a;border:3px solid #f35588;color:#f35588}.nav-item.active{background-color:#00ffe0;color:#000}.nav-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px}@media screen and (max-width: 768px){.sidebar-nav{flex-direction:row;padding:1rem;overflow:scroll;min-width:100%}.sidebar-nav h2{display:none}}.project-card{background:#1c1c1c;color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000004d;transition:transform .3s ease,border .3s ease;cursor:initial}.project-card:hover{transform:scale(1.2);border:3px solid #00ffe0}.thumbnail-wrapper{grid-area:thumb;height:200px;overflow:hidden}.thumbnail{width:100%;height:100%;object-fit:cover}.project-content{padding:2rem;display:flex;flex-direction:column}.project-title{font-size:calc(1vw + 1.25rem);padding:0;margin:0}.project-description{font-size:calc(1vw + .4rem);line-height:1.6;transition:transform .3s ease;padding:0;margin:0}.tech-stack{margin:0;margin-bottom:2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;list-style:none}.tech-stack h3{font-size:calc(1vw + .65rem);grid-column:1 / -1;padding:0;margin:0;color:#cdcdcd;border-top:2px solid #cdcdcd}.tech-pill{background:#cdcdcd;color:#000;padding:1rem;border-radius:6px;font-size:calc(1vw + .15rem);font-style:italic;font-weight:600;text-align:center}.view-button{display:inline-block;padding:1rem 2rem;background-color:#00ffe0;color:#000;border-radius:6px;font-weight:600;text-decoration:none;text-align:center;transition:background-color .3s ease}.view-button:hover{background-color:#f35588;color:#1c1c1c}.read-more{padding:0;text-align:center;border:none;background:none;color:#00ffe0;font-style:italic;font-weight:600;transition:all .3s ease;border-radius:0;cursor:pointer}.read-more:hover{color:#f35588;text-decoration:underline}@media (max-width: 678px){.project-description{display:none;transform:scale(0)}}.skeleton-card{background:#2a2a2a;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:pulse 1.5s infinite ease-in-out}.skeleton-image{width:100%;height:160px;background:#444;border-radius:6px}.skeleton-title{width:60%;height:20px;background:#444;border:6px}.skeleton-text{width:100%;height:14px;background:#444;border-radius:6px}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.projects-layout{display:flex;width:100vw;gap:2rem;max-width:100vw;flex-wrap:wrap;padding:0;background-color:#0f0f0f;color:#f0f0f0}.projects-main{flex:1}.projects-header{display:flex;gap:2rem;padding:1rem;flex-wrap:wrap}.projects-header h1{display:inline-block;font-size:calc(1vw + 2.5rem);color:#00ffe0;margin-bottom:1rem}.projects-header p{font-size:calc(1vw + 1.1rem);color:#ccc;max-width:600px}.contact-section{min-height:100vh;min-width:100vw;padding:0;text-align:center;background:#fff591;color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-section h2{font-size:calc(1vw + 2.5rem);margin:0;text-transform:uppercase}.contact-section p{font-size:calc(1vw + 1.2rem);font-weight:200;font-style:italic}.contact-icons{display:flex;justify-content:center;gap:50px}.contact-icons a{font-size:calc(1vw + 1.5rem);color:#000;transition:transform .3s ease,color .3s ease}.contact-icons a:hover{transform:scale(1.2);color:#f35588}.to-message-arrow{display:inline-block;margin-top:40px;font-size:calc(1vw + 2rem);color:#000;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;animation:bounce 2s infinite;transition:transform .3s ease}.to-message-arrow:hover{transform:scale(1.2);color:#f35588}.to-message-arrow span{font-size:calc(1vw + .5rem)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.message-form{min-height:100vh;padding:0;background-color:#333;text-align:center;display:flex;flex-direction:column;justify-content:center}.message-form h2{font-size:calc(1vw + 2.5rem);margin-bottom:30px}.message-form form{display:flex;flex-direction:column;gap:1rem;max-width:650px;margin:0 auto}.message-form input,.message-form textarea{padding:1rem;border:2px solid #f35588;border-radius:8px;font-size:calc(1vw + 1rem);resize:vertical}.message-form button{padding:1rem;background:#f35588;color:#fff;border:none;border-radius:8px;font-size:calc(1vw + 1rem);font-weight:700;cursor:pointer;transition:background-color .3s ease}.message-form button:hover{background-color:#05dfd7}.success-msg{margin-top:20px;color:green;font-weight:600}.error-msg{margin-top:20px;color:red;font-weight:600}.detailed-part{text-align:center;font-size:calc(1vw + 1.5rem);background:#0f0f0f;padding:2rem}.info-page{overflow-x:hidden;min-height:100vh;min-width:100vw}.error-msg{color:red;font-weight:700;text-align:center;margin-top:40px}.parallax-box{min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:left;padding:60px 20px;transition:background-color .3s ease}.parallax-box .content{position:relative;z-index:2;max-width:750px;padding:2rem;background-color:#0003;box-shadow:inset 2px 2px 2.5px #fff,inset -2px -2px 2.5px #333;border-radius:12px}.parallax-box h2{font-size:calc(1vw + 1.2rem);line-height:1.6}.parallax-box p{font-size:calc(1vw + .75rem)}.cv-dashboard{padding:60px 20px;background:#0f0f0f;color:#fff;text-align:left}.cv-dashboard h2{font-size:calc(1vw + 2.5rem);margin-bottom:3rem}.skill-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.skill-card{background:#1c1c1c;border-radius:8px;padding:20px 30px;transition:transform .3s ease}.skill-card:hover{transform:scale(1.2)}.skill-card h3{font-size:calc(1vw + 1.4rem);margin-bottom:1rem}.skill-card ul{list-style:none;padding:0;margin:0}.skill-card li{margin-bottom:1rem;font-weight:600}.skill-bar{margin-bottom:1rem}.skill-label{font-weight:600;margin-bottom:1rem;display:flex;justify-content:space-between;color:#fff}.skill-level{font-weight:400;color:#aaa}.skill-track{background:#333;height:calc(1vw + 10px);border-radius:6px;overflow:hidden}.skill-fill{height:100%;transition:width .4s ease}.intro-card{grid-column:1 / -1;background:linear-gradient(135deg,#1c1c1c,#2a2a2a);color:#fff;padding:3rem;border-radius:16px;box-shadow:0 0 20px #0006;text-align:left;display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:3rem;transition:transform .3s ease}.intro-card:hover{transform:scale(1.1);border:3px solid #05dfd7;box-shadow:0 0 4px #05dfd7;padding:10rem}.intro-photo{grid-column:1 / 2;width:350px;height:350px}.intro-photo img{width:350px;height:350px;object-fit:cover;border-radius:6px;border:4px solid #05dfd7;box-shadow:0 0 10px #05dfd766}.intro-text{grid-column:2 / -1;min-width:250px}.intro-card h1{font-size:calc(1vw + 2.2rem);padding:0;margin:0;margin-bottom:2rem;color:#05dfd7}.intro-card p{font-size:calc(1vw + .8rem);line-height:1.6;font-weight:200;font-style:italic;margin-bottom:1rem}@media screen and (max-width: 768px){.intro-card{grid-auto-flow:row}.intro-photo{grid-column:1 / -1;grid-row:2 / 3}.intro-photo img{width:350px}.intro-text{grid-column:1 / -1;grid-row:1 / 2}}.exploring-card{background:#1c1c1c;border-radius:8px;padding:2rem 3rem;color:#fff;transition:transform .3s ease;box-shadow:inset 0 0 0 4px #2ec4b6}.exploring-card:hover{transform:scale(1.2)}.exploring-card h3{font-size:calc(1vw + 1.4rem);margin-bottom:1rem;color:#05dfd7}.exploring-list{display:flex;flex-direction:column;gap:1rem}.exploring-item{display:flex;align-items:center;gap:1rem}.circle-progress{--size: 64px;--thickness: 15px;--value: 50;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#1c1c1c 79%,transparent 80% 100%),conic-gradient(#05dfd7 calc(var(--value) * 1%),#333 0);display:flex;align-items:center;justify-content:center;position:relative}.circle-label{position:absolute;font-size:calc(1vw + .15rem);font-weight:800;color:#fff}.topic-title{font-weight:600;font-size:calc(1vw + .75rem)}.scroll-arrow{position:fixed;background-color:#fff;padding:1rem;border-radius:8px;bottom:24px;right:50px;transform:translate(-50%);font-size:2.5rem;font-weight:900;color:#2ec4b6;cursor:pointer;z-index:1000;animation:bounce 2s infinite;-webkit-user-select:none;user-select:none;transition:transform .2s ease;box-shadow:0 2px 8px #333}.scroll-arrow:hover{transform:translate(-50%) scale(1.2);box-shadow:0 0 1px #333}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.header{display:flex;justify-content:space-between;max-width:100vw;align-items:center;padding:20px;background:#f0f0f0;position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:900;text-transform:uppercase;color:#000}.logolink{text-decoration:none}.desktop-menu{display:flex;gap:20px}.desktop-menu a{text-decoration:none;color:#000;font-weight:600;transition:transform .3s ease,color .3s ease}.desktop-menu a:hover{transform:scale(1.2);color:#f35588}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.hamburger div{width:25px;height:3px;background-color:#000}@media (max-width: 768px){.desktop-menu{position:absolute;top:70px;right:20px;flex-direction:column;background-color:#fff;padding:2rem;border-radius:8px;display:none}.desktop-menu.open{display:flex;gap:1rem}.desktop-menu.open a{font-size:calc(1vw + 1.35rem);transition:tranform .3s ease}.desktop-menu.open a:hover{transform:scale(1.2)}.hamburger{display:flex}}.footer{background-color:#fff;padding:20px;text-align:center;position:relative;margin-top:2rem;padding-top:2rem;z-index:1000}.footer-icons{display:flex;justify-content:center;gap:60px}.footer-icons a{color:#000;font-size:1.2rem;transition:transform .3s ease,color .3s ease}.footer-icons a:hover{transform:scale(1.2);color:#f35588}.poppins-thin{font-family:Poppins,sans-serif;font-weight:100;font-style:normal}.poppins-extralight{font-family:Poppins,sans-serif;font-weight:200;font-style:normal}.poppins-light{font-family:Poppins,sans-serif;font-weight:300;font-style:normal}.poppins-regular{font-family:Poppins,sans-serif;font-weight:400;font-style:normal}.poppins-medium{font-family:Poppins,sans-serif;font-weight:500;font-style:normal}.poppins-semibold{font-family:Poppins,sans-serif;font-weight:600;font-style:normal}.poppins-bold{font-family:Poppins,sans-serif;font-weight:700;font-style:normal}.poppins-extrabold{font-family:Poppins,sans-serif;font-weight:800;font-style:normal}.poppins-black{font-family:Poppins,sans-serif;font-weight:900;font-style:normal}.poppins-thin-italic{font-family:Poppins,sans-serif;font-weight:100;font-style:italic}.poppins-extralight-italic{font-family:Poppins,sans-serif;font-weight:200;font-style:italic}.poppins-light-italic{font-family:Poppins,sans-serif;font-weight:300;font-style:italic}.poppins-regular-italic{font-family:Poppins,sans-serif;font-weight:400;font-style:italic}.poppins-medium-italic{font-family:Poppins,sans-serif;font-weight:500;font-style:italic}.poppins-semibold-italic{font-family:Poppins,sans-serif;font-weight:600;font-style:italic}.poppins-bold-italic{font-family:Poppins,sans-serif;font-weight:700;font-style:italic}.poppins-extrabold-italic{font-family:Poppins,sans-serif;font-weight:800;font-style:italic}.poppins-black-italic{font-family:Poppins,sans-serif;font-weight:900;font-style:italic}body{font-family:Poppins,sans-serif}.info-editor{padding:0;min-width:100vw;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.info-editor h2{font-size:2rem;margin-bottom:20px;text-align:center}.info-editor form{min-width:600px;display:flex;flex-direction:column;gap:15px}.info-editor input,.info-editor textarea{padding:10px;font-size:1rem;border:2px solid #ccc;border-radius:8px}.info-editor button{padding:12px;background-color:#05dfd7;color:#fff;border:none;border-radius:8px;font-weight:700;cursor:pointer}.success-msg{color:green;font-weight:700;text-align:center}.error-msg{color:red;font-weight:700;text-align:center}.login-form{display:flex;flex-direction:column;justify-content:left;align-items:center;gap:2rem;width:100vw;height:100vh;margin:4rem auto;padding:1rem;background-color:#222;border-radius:8px;color:#f0f0f0}.login-form div{display:flex;flex-direction:column}.login-form label{text-align:left}.login-form input{width:60vw;padding:1rem;border-radius:6px;border:none;background-color:#333;color:#f0f0f0}.login-form button{width:300px;padding:1rem;background-color:#05dfd7;border:none;color:#fff;border-radius:6px}.error-msg{color:#ff4d4d}.sidebar-menu{display:flex;gap:1rem;padding:2rem;flex-wrap:wrap}.menu-item{padding:1rem 2rem;font-size:calc(1vw + .45rem);background-color:#1c1c1c;font-weight:600;text-transform:uppercase;border:none;cursor:pointer;transition:background-color .3s ease}.menu-item:hover{background-color:#05dfd7}.menu-divider{margin:2rem 0;border:none;border-top:1px solid #444}.menu-item.logout{color:#ff4d4d;font-weight:600}.menu-item.logout:hover{color:#1c1c1c;background-color:#ff4d4d}.editor-layout{flex:1;overflow-y:auto;display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;padding:2rem}.editor-left{background-color:#1c1c1c;padding:1rem;border-radius:8px}.editor-right{background-color:#2a2a2a;padding:2rem;border-radius:8px}.add-new-button{margin-top:2rem;text-align:center}.generic-form{display:flex;flex-direction:column;gap:2rem}.form-field{display:flex;justify-content:left;align-items:stretch;flex-direction:column}.generic-form input,.generic-form textarea{min-width:350px;padding:1rem;border-radius:6px;border:none;background-color:#333;color:#f0f0f0}.generic-form input[type=color]{width:50px;padding:.2rem;height:3rem;width:6rem;cursor:pointer}.generic-form input[type=file]{background-color:transparent;color:#f0f0f0;border:none}.generic-form img{max-width:200px;border-radius:6px;margin-top:1rem}.form-actions{display:flex;gap:2rem}.save-btn{color:#fff;border:none;background-color:#05dfd7;padding:1rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-btn:hover{background-color:#f35588}.delete-btn{background-color:#ff4d4d;color:#fff;border:none;padding:1rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.delete-btn:hover{background-color:#333}.array-preview{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.exploring-editor{padding:2rem}.topic-row{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.topic-row input{padding:.5rem;width:200px}.editor-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.messages-viewer{padding:2rem}.message-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:2rem}.message-item{background-color:#1c1c1c;padding:1rem;border-radius:8px;color:#f0f0f0}.message-item button{margin-top:.5rem;background-color:#ff4d4d;color:#fff;border:none;padding:1rem 2rem;border-radius:6px;cursor:pointer}.skill-admin{padding:2rem}.skill-block-editor{border:1px solid #ccc;padding:1rem;margin-bottom:2rem}.skill-block-editor input{margin:.3rem;padding:.5rem;width:200px}.admin-dashboard{width:100vw;min-height:100vh;display:flex;flex-direction:column}.project-details{margin:0;padding:2rem;font-size:calc(1vw + .75rem);color:#c9c9c9;display:flex;flex-direction:column;justify-content:space-between;gap:2rem}.project-details h3{margin-bottom:1rem;font-size:calc(1vw + 1.2rem);text-align:left}.project-details ul{list-style:none;padding:0}.project-details li{margin-bottom:2rem}.project-details a{color:#05dfd7;font-weight:600;transition:all .3s ease}.project-details a:hover{color:#f35588;font-weight:200;text-decoration:underline}.tech-list{padding-left:1rem;margin-top:.3rem}.tech-list li{background-color:#05dfd7}.social-icons{font-size:calc(1vw + .65rem)}.social-icons a{display:block;color:#05dfd7;font-weight:600;transition:font-weight .3s ease,color .3s ease}.social-icons a:hover{font-weight:200;color:#f35588}.social-icons a:before{content:" | "}@media (max-width: 768px){.project-details h3{text-align:left}.social-icons a{display:inline-block;margin-right:2rem;margin-top:2rem;font-size:calc(1vw + 1rem)}}.hero-section{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center;background-color:#0f0f0f}.hero-image{max-width:100%;height:auto;border-radius:8px;margin-bottom:1rem;box-shadow:0 4px 12px #0000001a}.hero-image img{width:100%;object-fit:fill}.hero-title{font-size:calc(1vw + 2rem);margin-bottom:.5rem}.hero-description{font-size:calc(1vw + 1.1rem);color:#f0f0f0;margin-bottom:1rem}.hero-link{display:inline-block;padding:.6rem 1.2rem;background-color:#05dfd7;color:#fff;border-radius:6px;text-decoration:none;transition:all .3s ease}.hero-link:hover{color:#0f0f0f;background-color:#f35588}@media (max-width: 768px){.hero-title{font-size:calc(1vw + 1.5rem)}.hero-description{font-size:calc(1vw + 1rem)}}.breadcrumbs{margin-bottom:1.5rem;font-size:calc(1vw + .8rem);color:#05dfd7}.breadcrumbs h2{font-size:calc(1vw + .5rem);padding:0;margin:0}.breadcrumbs ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0;overflow-x:auto}.breadcrumbs li{margin-top:1rem;padding:0;display:flex;align-items:center;text-wrap:nowrap;cursor:pointer;transition:all .3s ease}.breadcrumbs a{color:#05dfd7;transition:all .3s ease}.breadcrumbs li a:hover{font-weight:900;color:#f35588}.breadcrumbs li:hover{cursor:default;color:#f35588}.breadcrumbs li:after{content:"//";margin:0 .5rem;color:#aaa}.breadcrumbs li:last-child:after{content:""}.breadcrumbs .current{font-weight:600;color:#05dfd7}.project-title{margin-bottom:2rem;text-align:left}.project-title h2{font-size:calc(1vw + 2.5rem);font-weight:800;color:#05dfd7;border-bottom:2px solid #eee;padding-bottom:.5rem}@media (max-width: 768px){.project-title h2{font-size:calc(1vw + 2rem);text-align:center}}.gallery-section{margin:2rem 0}.gallery-section h2{font-size:calc(1vw + 1.5rem);margin-bottom:1rem}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.gallery-item img{width:100%;height:auto;border-radius:6px;box-shadow:0 0 6px #0000001a;object-fit:cover;cursor:none}.gallery-item{transition:all .3s ease}.gallery-item:hover{transform:scale(2);transform:translateY(600);z-index:1000}.tools-used-section{margin:2rem 0}.tools-used-section h2{font-size:calc(1vw + 1.5rem);margin-bottom:1rem}.tools-grid{display:flex;flex-wrap:wrap;gap:1rem}.tool-pill{background-color:#cdcdcd;padding:1rem;border-radius:8px;font-size:calc(1vw + .9rem);color:#0f0f0f;box-shadow:0 0 4px #0000001a}.edificational-section{margin:2rem 0;padding:1rem;background-color:#f9f9fc;border-left:4px solid #6c63ff;border-radius:6px}.edificational-section h2{font-size:calc(1vw + 1.5rem);margin-bottom:1rem;color:#333}.edificational-section p{font-size:calc(1vw + 1rem);line-height:1.6;color:#444}.other-projects-carousel{margin:3rem 0}.other-projects-carousel h2{font-size:calc(1vw + 1.5rem);margin-bottom:1rem}.carousel-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));overflow-x:auto;gap:1rem;padding-bottom:1rem;scroll-snap-type:x mandatory}.carousel-item{flex:1;width:350px;scroll-snap-align:start;text-decoration:none;color:inherit;transition:transform .3s ease,color .3s ease}.carousel-item:hover{transform:scale(1.2);color:#f35588}.carousel-item img{width:100%;height:auto;border-radius:6px;box-shadow:0 0 6px #0000001a;object-fit:cover}.carousel-title{margin-top:.5rem;font-size:calc(1vw + .9rem);text-align:center}.project-page{display:grid;grid-template-areas:"nav nav nav" "sidebar content content";min-height:100vh;gap:1rem}.sidebar{grid-area:sidebar;top:0;padding:1rem;background-color:#0f0f0f;overflow-y:auto;border-radius:8px}.content{grid-area:content;padding:2rem;overflow-y:auto;background-color:#0f0f0f;border-radius:8px}.breadcrumb{grid-area:nav;background:#0f0f0f;padding:2rem;border-radius:8px}@media (max-width: 768px){.project-page{grid-template-areas:"nav" "sidebar" "content";max-width:100vw}.sidebar{position:static;height:auto;width:100vw;border-right:none}.content{padding:1rem;width:100vw}}