.home-container{font-family:Arial,sans-serif;color:#333}a{color:#ededed;text-decoration:underline}.two-column-list{display:grid;grid-template-columns:1fr 1fr;gap:.2rem;list-style-type:none;padding-left:0rem}.two-column-list li{margin-bottom:.2rem}.sun-img{position:absolute;top:10%;left:0%;width:100px;height:100px;object-fit:cover;border-radius:50%;z-index:3;animation:sunArc 30s linear infinite;overflow:hidden}@keyframes sunArc{0%{top:100%;left:10%;transform:translate(-50%) rotate(0)}25%{top:35%;left:30%}50%{top:20%;left:50%;transform:translate(-50%,-50%) rotate(0)}75%{top:35%;left:70%;transform:translate(-50%) rotate(0)}to{top:100%;left:90%;transform:translate(-50%) rotate(0)}}.sky-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh;padding:2rem;text-align:center;color:#fff;font-family:Arial,sans-serif;z-index:3;overflow:visible;background:linear-gradient(to bottom,#87ceebcc,#b0e2ffcc),url(/Portfolio_website/assets/sky-background-C7ApdxgT.jpg);background-size:200% 200%;background-repeat:no-repeat;background-position:0% center;animation:moveClouds 120s linear infinite}@keyframes moveClouds{0%{background-position:0% center}to{background-position:100% center}}.sky-section h1{font-size:2.5rem;margin:.5rem;z-index:6}.sky-section p{font-size:1.2rem;max-width:600px;z-index:6}.tree-overlay{position:absolute;bottom:0;left:0;min-height:10%;height:auto;width:150vw;max-width:none;transform:translateY(1px);z-index:5;pointer-events:none}.meadow-section{position:relative;display:flex;align-items:center;justify-content:center;height:50vh;background:linear-gradient(to bottom,#87b824 5%,#a3d97700 40%),url(/Portfolio_website/assets/grass-Dfobaqph.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;overflow:hidden;padding:2rem;z-index:3;box-shadow:0 20px 20px -5px #0000004d}.flower-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;max-width:300px;z-index:3}.cow-button-wrapper{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;position:absolute;right:5%;top:30%;transform:translateY(-50%);max-width:12%;height:auto;z-index:2;pointer-events:none}.cow-container{position:relative;display:inline-block;overflow:hidden;border-radius:8px;cursor:pointer}.meadow-overlay-cow{width:100%;height:auto;transition:opacity .3s ease,transform .3s ease}.cow-hover-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;padding:.5rem 1rem;border-radius:5px;font-size:1rem;text-align:center;opacity:0;transition:opacity .3s ease;z-index:2}.cow-container:hover .meadow-overlay-cow{opacity:.7}.cow-container:hover .cow-hover-message{opacity:1}.meadow-overlay-boys{position:absolute;bottom:0;left:0;max-height:80%;min-height:70%;height:auto;z-index:2;pointer-events:none}.carousel-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.arrow{background:#557479cc;color:#fff;border:none;font-size:2rem;border-radius:50%;width:2.5rem;height:2.5rem;cursor:pointer;position:absolute;bottom:0;transform:translateY(40px);z-index:10;transition:.3s ease}.arrow:hover{background:#88a15ae6}.left-arrow{left:40%}.right-arrow{right:40%}.project-panels{display:flex;gap:2rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:2rem;max-width:55%;margin:0 auto;z-index:3;-ms-overflow-style:none;scrollbar-width:none;-webkit-mask-image:radial-gradient(circle,rgba(0,0,0,1) 70%,rgba(0,0,0,0) 100%);mask-image:radial-gradient(circle,#000 70%,#0000)}.project-panels::-webkit-scrollbar{display:none}.project-panel{flex:0 0 30%;aspect-ratio:1;scroll-snap-align:start;position:relative;overflow:hidden;background-color:#5574179b;scroll-snap-align:center;color:#eee8e8;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-top:-50px;box-shadow:0 4px 8px #0003;transition:transform .3s,box-shadow .3s;text-decoration:none}.project-panel span{font-size:1rem;font-weight:700;z-index:2;transition:opacity .3s ease;padding:.5rem;text-align:center}.panel-image{position:absolute;top:10%;left:10%;width:80%;height:80%;object-fit:scale-down;opacity:0;transition:opacity .3s ease;z-index:5}.project-panel:hover .panel-image{opacity:1}.project-panel:hover span{opacity:0}.project-panel:hover{transform:scale(1.05);box-shadow:0 8px 16px #0000004d}.roots-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#ededed;font-family:Arial,sans-serif;background:linear-gradient(to bottom,#8b4513cc,#5a3313cc),url(/Portfolio_website/assets/roots-background-C3Zg2QLY.jpg);background-size:cover;background-repeat:no-repeat;background-position:center bottom;margin-top:-20px;z-index:1;min-height:100vh;height:auto;overflow:visible}.roots-section h2{font-size:2rem;margin-bottom:1rem}.roots-section p{max-width:600px;font-size:1rem;line-height:1.6}.about-container{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.about-image{max-width:200px;height:auto;border-radius:8px}.knowledge-button,.connect-button{padding:.5rem 1rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;background-color:#557417;color:#fff;transition:background-color .3s ease}.knowledge-button:hover,.connect-button:hover{background-color:#88a859}.knowledge-section{margin-top:1rem;padding:1rem;background-color:#557417;border:1px solid #ddd;border-radius:4px;box-shadow:0 4px 8px #0000001a}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:Arial,sans-serif}nav a{margin:0 10px;text-decoration:none}img{max-width:100%;margin:0}.project1-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project1-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafb;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project1-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project1-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project1-images{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;margin:2rem 0;flex-wrap:wrap}.project1-images img{flex:1 1 0;max-width:350px;max-height:320px;width:auto;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 2px 12px #0000001a;background:#eaeaea;display:block}.project1-images img[alt*=Presentation]{object-fit:contain;background:#f8fafb}.project1-section{margin-bottom:1.2rem}.project1-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project1-section p{font-size:1rem;color:#333;line-height:1.6}.project1-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.project1-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project1-nav a:hover{background:#cde7cd}.project1-github-link{margin-top:2rem;text-align:center}.project1-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project1-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project1-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project1-title{font-size:1.6rem}.project1-intro{font-size:1rem}.project1-images{flex-direction:column;align-items:center;gap:1rem}.project1-images img{width:90%;max-width:400px;height:auto;max-height:400px;margin-bottom:1.2rem}.project1-section h2{font-size:1rem}.project1-section p{font-size:.97rem}.project1-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project1-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project1-github-link{margin-top:1.2rem}}.project2-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project2-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafbe7;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project2-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project2-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project2-images{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.project2-images img{width:45%;min-width:180px;max-width:400px;border-radius:12px;box-shadow:0 2px 12px #0000001a;object-fit:cover;background:#eaeaea;aspect-ratio:16/9}.project2-section{margin-bottom:1.2rem}.project2-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project2-section p{font-size:1rem;color:#333;line-height:1.6}.project2-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.project2-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project2-nav a:hover{background:#cde7cd}.project2-github-link{margin-top:2rem;text-align:center}.project2-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project2-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project2-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project2-title{font-size:1.6rem}.project2-intro{font-size:1rem}.project2-images{flex-direction:column;align-items:center;gap:1rem}.project2-images img{width:90%;max-width:500px;min-width:0;margin-bottom:1.2rem;aspect-ratio:16/9}.project2-section h2{font-size:1rem}.project2-section p{font-size:.97rem}.project2-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project2-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project2-github-link{margin-top:1.2rem}}.project3-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project3-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafb;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project3-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project3-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project3-images{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0;flex-wrap:wrap}.project3-images img{width:45%;min-width:180px;max-width:400px;border-radius:12px;box-shadow:0 2px 12px #0000001a;object-fit:cover;background:#eaeaea;aspect-ratio:16/9}.project3-section{margin-bottom:1.2rem}.project3-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project3-section p{font-size:1rem;color:#333;line-height:1.6}.project3-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.project3-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project3-nav a:hover{background:#cde7cd}.project3-github-link{margin-top:2rem;text-align:center}.project3-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project3-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project3-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project3-title{font-size:1.6rem}.project3-intro{font-size:1rem}.project3-images{flex-direction:column;align-items:center;gap:1rem}.project3-images img{width:90%;max-width:500px;min-width:0;margin-bottom:1.2rem;aspect-ratio:16/9}.project3-section h2{font-size:1rem}.project3-section p{font-size:.97rem}.project3-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project3-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project3-github-link{margin-top:1.2rem}}.project4-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project4-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafb;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project4-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project4-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project4-media{display:flex;gap:1.5rem;justify-content:center;align-items:flex-start;margin:2rem 0;flex-wrap:wrap}.project4-media img,.project4-video-wrapper{width:45%;min-width:280px;max-width:400px;aspect-ratio:16/9;border-radius:12px;box-shadow:0 2px 12px #0000001a;background:#eaeaea;object-fit:cover;margin-bottom:0;display:block}.project4-video-wrapper{overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}@media (max-width: 800px){.project4-media{flex-direction:column;align-items:center;gap:1rem}.project4-media img,.project4-video-wrapper{width:100%;max-width:500px;min-width:0;margin-bottom:1.2rem;aspect-ratio:16/9}}.project4-video-wrapper iframe{width:100%;height:100%;border:none;display:block}.project4-section{margin-bottom:1.2rem}.project4-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project4-section p{font-size:1rem;color:#333;line-height:1.6}.project4-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.project4-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project4-nav a:hover{background:#cde7cd}.project4-github-link{margin-top:2rem;text-align:center}.project4-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project4-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project4-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project4-title{font-size:1.6rem}.project4-intro{font-size:1rem}.project4-media{flex-direction:column;align-items:center;gap:1rem}.project4-media img,.project4-video-wrapper{width:90%;max-width:400px;min-width:0;margin-bottom:1.2rem}.project4-section h2{font-size:1rem}.project4-section p{font-size:.97rem}.project4-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project4-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project4-github-link{margin-top:1.2rem}}.project5-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project5-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafb;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project5-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project5-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project5-images{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0}.project5-images img{width:40%;min-width:180px;max-width:320px;border-radius:12px;box-shadow:0 2px 12px #0000001a;object-fit:cover;background:#eaeaea;transition:transform .2s}.project5-images img:hover{transform:scale(1.04)}.project5-section{margin-bottom:1.2rem}.project5-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project5-section p{font-size:1rem;color:#333;line-height:1.6}.project5-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem;flex-wrap:wrap}.project5-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project5-nav a:hover{background:#cde7cd}.project5-github-link{margin-top:2rem;text-align:center}.project5-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project5-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project5-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project5-title{font-size:1.6rem}.project5-intro{font-size:1rem}.project5-images{flex-direction:column;align-items:center;gap:1rem}.project5-images img{width:90%;max-width:400px;min-width:0;margin-bottom:1.2rem}.project5-section h2{font-size:1rem}.project5-section p{font-size:.97rem}.project5-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project5-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project5-github-link{margin-top:1.2rem}}.project6-background{width:100%;min-height:100vh;padding:2rem 1rem;box-sizing:border-box;background-color:#f0f4f8}.project6-container{max-width:900px;margin:3rem auto;padding:2rem 1.5rem;background:#f8fafb;border-radius:18px;box-shadow:0 4px 24px #00000014;font-family:Segoe UI,Arial,sans-serif}.project6-title{font-size:2.3rem;font-weight:700;margin-bottom:1.2rem;color:#3a4a3f;text-align:center}.project6-intro{font-size:1.15rem;color:#4a4a4a;margin-bottom:1.5rem;text-align:center}.project6-images{display:flex;gap:1.5rem;justify-content:center;margin:2rem 0}.project6-images img{width:30%;min-width:180px;max-width:260px;border-radius:12px;box-shadow:0 2px 12px #0000001a;object-fit:cover;background:#eaeaea;transition:transform .2s}.project6-images img:hover{transform:scale(1.04)}.project6-section{margin-bottom:1.2rem}.project6-section h2{font-size:1.1rem;font-weight:600;color:#6a7c6a;margin-bottom:.4rem}.project6-section p{font-size:1rem;color:#333;line-height:1.6}.project6-nav{display:flex;justify-content:space-between;margin-top:2.5rem;gap:1rem}.project6-nav a{color:#4a7c59;text-decoration:none;font-weight:600;font-size:1.1rem;padding:.5rem 1.2rem;border-radius:6px;background:#e6f2e6;transition:background .2s}.project6-nav a:hover{background:#cde7cd}.project6-github-link{margin-top:2rem;text-align:center}.project6-github-link a{color:#24292f;background:#f5f5f5;border:1px solid #d1d5da;padding:.6rem 1.4rem;border-radius:6px;font-weight:600;text-decoration:none;transition:background .2s,border .2s;display:inline-block}.project6-github-link a:hover{background:#e1e4e8;border-color:#0366d6;color:#0366d6}@media (max-width: 800px){.project6-container{padding:1.2rem .5rem;margin:1.5rem .2rem}.project6-title{font-size:1.6rem}.project6-intro{font-size:1rem}.project6-images{flex-direction:column;align-items:center;gap:1rem}.project6-images img{width:90%;max-width:400px;min-width:0;margin-bottom:1.2rem}.project6-section h2{font-size:1rem}.project6-section p{font-size:.97rem}.project6-nav{flex-direction:column;align-items:stretch;gap:.7rem;margin-top:1.5rem}.project6-nav a{font-size:1rem;text-align:center;padding:.7rem .5rem}.project6-github-link{margin-top:1.2rem}}.project-container{font-family:Arial,sans-serif;color:#2f4f4f;padding:2rem;background-color:#f0f4e3}.project-title{font-size:2.5rem;color:#3a5a40;margin-bottom:1rem;text-align:center}.project-intro{font-size:1.2rem;margin-bottom:2rem;max-width:700px;text-align:center;margin:2rem auto;color:#556b2f}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;justify-items:center;align-items:center}.image-grid-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#d9e4dd;border-radius:8px;overflow:hidden;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,opacity .3s ease}.image-grid-item img{width:100%;height:auto;border-radius:8px 8px 0 0;display:block}.image-caption{font-size:1rem;color:#556b2f;padding:.5rem;background-color:#f9f9f9;width:100%;box-shadow:inset 0 -1px #0000001a}.image-grid-item:hover{transform:scale(1.05);opacity:.9}.return-home-button{display:block;margin:2rem auto;padding:.5rem 1.5rem;font-size:1rem;color:#fff;text-decoration:none;text-align:center;background-color:#3a5a40;border-radius:8px;box-shadow:0 4px 6px #0000001a;transition:background-color .3s ease}.return-home-button:hover{background-color:#556b2f}