body{font-family:Poppins,sans-serif}.home-container{display:flex;flex-direction:column;align-items:center;width:100%;padding:20px;margin:50px auto}.intro-box{display:flex;flex-direction:row;align-items:center;width:100%;max-width:900px;padding:20px;margin-bottom:20px;border-radius:10px}.intro-box h1{font-size:clamp(2rem,8vw,8rem);font-weight:700;margin:0;padding-left:20px}.profile-section{margin-bottom:20px;transition:transform .3s ease}.profile-pic{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid #E76F51;box-shadow:0 4px 6px #0000001a}.profile-section:hover img{transform:scale(2);transition:.3s ease}.text-boxes{display:flex;flex-direction:column;gap:20px;width:80%;max-width:800px}.text-box{background-color:#1e1e1e;color:#f5f5f5;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a}.text-box h2{margin:0 0 10px;font-size:1.8rem}.text-box p{font-size:1.1rem;*/ color: #F5F5F5}@media (max-width: 768px){.text-boxes{max-width:95%}}.tags-container{position:sticky;top:120px;padding:10px 0;z-index:90;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;width:90%;font-family:Poppins,sans-serif;overflow-x:hidden}.selected-tag,.unselected-tag{height:40px;display:flex;align-items:center;padding:0 12px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-family:Poppins,sans-serif}.selected-tag{background-color:#1e1e1e;color:#fff;border:3px solid #1E1E1E;border-radius:4px;padding:8px 12px;transition:background-color .2s}.selected-tag:hover{background-color:#454545}.unselected-tag{background-color:#fff;color:#333;border:3px solid #454545}.unselected-tag:hover{background-color:#e0e0e0}.projects-container{width:90%;display:flex;flex-wrap:wrap;justify-content:space-around;padding:20px;gap:20px}.project-card{background-color:#f9f9f9;border:1px solid #ddd;border-radius:10px;width:300px;padding:20px;box-shadow:0 4px 8px #0000001a;text-align:center;display:flex;flex-direction:column;align-items:center;font-family:Poppins,sans-serif;transition:.13s ease}.project-card:hover{scale:1.1;transition:.3s ease}.project-image{width:100%;height:150px;object-fit:cover;border-radius:8px;margin-bottom:15px}.project-title{font-size:1.5rem;margin-bottom:10px}.project-description{font-size:1rem;color:#43574f;margin-bottom:15px}.project-link{text-decoration:none;color:#007bff;font-weight:700}.project-link:hover{text-decoration:underline}.temp-loading{font-family:Poppins,sans-serif}.modal{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;padding:20px;width:80%;max-width:60%;min-width:60%;max-height:80%;min-height:80%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:0 4px 8px #0003;z-index:1000;font-family:Poppins,sans-serif;border-radius:10px}.modal::-webkit-scrollbar{display:none}.modal{scrollbar-width:none}.modal{-ms-overflow-style:none}.close-button{position:absolute;top:10px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.close-button:hover{color:red}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#001a0dbf;z-index:999}.modal-header{display:flex;justify-content:space-between;margin-bottom:20px}.modal-body{display:flex;justify-content:space-between;padding:5%}.modal-content-left{width:60%}.modal-content-right{width:35%;display:flex;flex-direction:column;align-items:center}.modal-image{width:100%;height:auto;border-radius:8px;margin-bottom:10px}.modal-markdown{margin-top:20px;overflow:visible;max-height:200px;padding:3%;border-top:1px solid #ddd}button{margin-top:20px;padding:10px 15px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.contact-container{display:flex;justify-content:center;align-items:center;padding:4rem 1rem;min-height:100vh;box-sizing:border-box;margin-top:0}.contact-box{background-color:#e76f51;color:#f5f5f5;border-radius:8px;padding:1rem;width:100%;max-width:400px;box-shadow:0 4px 12px #00050026;font-family:Poppins,sans-serif}.contact-header{text-align:center;font-size:2rem;margin-bottom:1.5rem}.contact-list{list-style:none;padding-left:1.5rem;padding-bottom:1.5rem;margin:0;display:flex;flex-direction:column;gap:1.2rem;width:100%}.contact-list li{display:flex;align-items:center;width:100%;gap:.8rem;font-size:1.2rem;flex-wrap:wrap}.contact-list li a,.email-button{text-decoration:none;color:#2c3e50;background:none;border:none;cursor:pointer;font-size:1.2rem;transition:color .3s ease}.contact-list li a:hover,.email-button:hover{color:#ffffffb0}.contact-icon{width:28px;height:28px;object-fit:contain}.popup{margin-top:.4rem;background-color:#2ecc71;color:#fff;border-radius:6px;font-size:.9rem;padding:.3rem .8rem;display:inline-block}@media (max-width: 480px){.contact-box{padding:1.5rem}.contact-header{font-size:1.6rem}.contact-list li{font-size:1rem;gap:.8rem}.popup{font-size:.8rem}}.blogs-container{max-width:800px;margin:0 auto;padding:20px;justify-content:space-around;flex-wrap:wrap}.blog-card{display:flex;flex-direction:row;align-items:flex-start;background-color:#fff;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:20px;padding:15px;box-shadow:0 4px 6px #0000001a;transition:box-shadow .2s ease;font-family:Poppins,sans-serif}.blog-card:hover{box-shadow:0 6px 10px #00000026}.blog-img{width:100px;height:100px;object-fit:scale-down;margin-right:20px;border-radius:8px}.blog-content{flex-grow:1}.temp-blog-loading{font-family:Poppins,sans-serif;margin-left:40%}.blog-title{font-size:1.5rem;margin:0 0 10px;color:#0366d6}.blog-title:hover{text-decoration:underline;cursor:pointer}.blog-teaser{font-size:1rem;color:#586069}.loading-blogs{text-align:center;font-size:1.2rem;color:#586069}.blog-details-container{max-width:800px;margin:0 auto;padding:20px;position:relative;font-family:Poppins,"sans-serif"}.back-button{position:absolute;top:10px;right:10px;padding:8px 16px;background-color:#0366d6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.back-button:hover{background-color:#024ea2}.blog-content-wrapper{margin-top:60px}.blog-header{display:flex;align-items:center;margin-bottom:20px}.blog-details-img{width:200px;height:200px;object-fit:scale-down;margin-right:20px;border-radius:10px}.blog-detail-title{font-size:2rem;margin:0;color:#333;flex-grow:1}.blog-markdown-content{font-size:1.2rem;line-height:1.6;margin-top:20px}.navbar{background-color:#1e1e1e;padding:10px;position:fixed;top:0;width:90%;z-index:100;margin-left:2%;margin-right:2%;margin-top:1%;border-radius:12px;box-shadow:0 4px 8px #0003;font-family:Poppins,sans-serif}.navbar-container{display:flex;justify-content:space-between;align-items:center}.logo{color:#f5f5f5;text-decoration:none;font-size:1.8rem;cursor:pointer;padding-left:3%;font-weight:600}.nav-links{list-style:none;display:flex;gap:2rem;margin:0;padding-right:3%}.nav-links li{margin:0}.nav-links a{color:#f5f5f5;text-decoration:none;font-size:1.1rem;transition:background-color .3s ease,color .3s ease;padding:.6rem 1rem;border-radius:8px}.nav-links{z-index:111}.nav-links a:hover{background-color:#333;color:#f4a261;transition:.3s ease}.nav-links a:active{color:#e76f51;transition:.1s ease}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem}.bar{background-color:#f5f5f5;height:3px;width:30px;margin:5px 0;transition:.4s;border-radius:5px}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:60px;right:2%;background-color:#1e1e1e;flex-direction:column;width:220px;padding:1rem;border-radius:12px;box-shadow:0 4px 6px #00000026;display:none}.nav-links.open{display:flex}}.contents{padding-top:250px;margin-left:5%;margin-right:5%}body{background-color:#f5f5f5}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#aaa}html{scrollbar-width:thin;scrollbar-color:#ccc transparent;overflow-y:scroll}