@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";.all{min-height:100vh;background:radial-gradient(circle,#814b05,#000);color:#fff;max-width:1280px;margin:0 auto;padding:2rem;font-family:Montserrat,Arial,sans-serif;font-optical-sizing:auto;font-size:1.2rem;font-style:normal}.title{text-align:center}.welcome{position:relative;width:100%;top:0;right:0;padding:20px;margin:0;text-align:right}.logo{text-align:left}.website{text-align:center}.titlePosition{text-align:center;width:100%}.home,.hobby,.about,.contact,.portfolio{color:#fff;padding:10px;text-decoration:none;border-left:1px solid}.aboutPage{min-height:100vh;background:linear-gradient(to bottom,#0e092b,#0e4e46);color:#fff;font-family:Montserrat,Arial,sans-serif;font-size:1.2rem;font-style:normal;padding:2rem;max-width:1280px;margin:0 auto}.aboutContainer{max-width:900px;margin:0 auto;text-align:center}.welcomeTitle{font-weight:700;font-size:2.5rem;margin-bottom:1rem;text-align:center}.aboutDescription{font-weight:400;line-height:1.6;margin-bottom:2rem;text-align:justify}.portfolioButtons{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.toggleButton{background-color:transparent;border:2px solid white;color:#fff;padding:.5rem 1.5rem;font-weight:600;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.toggleButton:hover{background-color:#fff;color:#0e092b}.certificatesSection{margin-top:3rem;text-align:center}.certificatesSection h2{font-weight:700;margin-bottom:1.5rem}.gridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;justify-items:center}.card{background:#ffffff1a;border-radius:10px;padding:1rem;width:160px;box-shadow:0 4px 8px #0000004d;transition:transform .2s ease;display:flex;flex-direction:column;align-items:center}.card:hover{transform:scale(1.05)}.certificatesSection .cardImage{width:100%;max-width:140px;height:auto;object-fit:contain;margin-bottom:.5rem;border-radius:8px;background-color:#fff;padding:5px;box-sizing:border-box}.card span{font-weight:600;font-size:.9rem;color:#fff;text-align:center;word-wrap:break-word}.techStackSection{margin-top:3rem;text-align:center}.techStackSection h2{font-weight:700;margin-bottom:1.5rem}.techStackGrid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.techStackGrid img{max-width:80px;height:auto;object-fit:contain;border-radius:4px;background-color:transparent;padding:0;box-shadow:none;cursor:default;transition:transform .2s ease}.techStackGrid img:hover{transform:scale(1.1)}.titlePosition{text-align:center}.contentContainer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0;margin:0;gap:0}.image_container{flex:1;display:flex;justify-content:flex-start;align-items:center;padding-left:0;margin:0}.image_home{height:100%;max-height:600px;width:auto;max-width:100%;object-fit:contain;opacity:.4}.titleContainer{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.title_1{font-size:2rem;font-weight:700;margin-bottom:1rem}.name{font-size:4rem}.bottom{margin-bottom:.5rem}.all{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafafa;color:#333}.container{border:1px solid #4e3104;border-radius:5px;align-items:center;justify-content:center;text-align:center;background-image:url(honeycomb_image/honeycomb_1000x520.jpg);opacity:.5;background-position:0px -220px;margin-top:20px;height:300px}.title{text-align:center;margin:20px 0;font-size:2rem;font-weight:600}.portfolioButtons{display:flex;justify-content:center;gap:20px;margin-bottom:30px}.btn{padding:10px 25px;font-size:1rem;border:none;border-radius:6px;background-color:#007bff;color:#fff;cursor:pointer;transition:background-color .3s ease}.btn:hover{background-color:#0056b3}.honeycombSection,.compositeSection{max-width:1000px;margin:0 auto 50px}.beforeAfterContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin:25px 0;padding:20px;background:linear-gradient(to right,#000,#814b05);border:1px solid #ddd;border-radius:10px;box-shadow:0 2px 8px #0000001a}.beforeSide,.afterSide{flex:1 1 400px;max-width:480px;text-align:center}.beforeSide h3,.afterSide h3{margin-bottom:15px;font-size:1.3rem;font-weight:700}.detailImage{max-width:100%;height:auto;border:2px solid #666;border-radius:6px;margin-bottom:15px;box-shadow:0 1px 5px #00000026}.parameters{text-align:left;max-width:350px;margin:0 auto;font-size:.95rem;line-height:1.4;color:#fff}.parameters p{margin:6px 0}.kodCNC{background-color:#222;color:#0f0;font-family:monospace;padding:12px;border-radius:6px;white-space:pre-wrap;margin-top:12px;box-shadow:inset 0 0 5px #0f0}.composites{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.composite{max-width:200px;text-align:center}.composite .image{width:100%;height:auto;border-radius:6px;border:1px solid #ccc;box-shadow:0 1px 4px #0000001a;margin-bottom:8px}@media (max-width: 900px){.beforeAfterContainer{flex-direction:column;align-items:center}.beforeSide,.afterSide{max-width:90%}}.table{width:600px;border:1px solid}th,td{padding:7px 10px 10px}th{text-transform:uppercase;letter-spacing:.1em;font-size:90%;border-bottom:2px solid #1111;text-align:left;border-top:1px solid #999}tr.even{background-color:#efefee}tr:hover{background-color:#aaa010}.imgContainer{text-align:center}.defect_Rate,.weeklyProduction{margin:20px;display:block;width:600px}.all{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fafafa;color:#fff}.hobbyBackground{background:url(../../../images/Hobby.jpg) center/cover no-repeat;height:300px;opacity:.3}.contentWrapper{max-width:900px;margin:30px auto;padding:0 20px}.hobbyDescription{font-size:1.1rem;margin-bottom:24px;line-height:1.5;color:#fff}.hobbyContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:34px}.hobbyCard{background:#f9f9f9;border-radius:10px;overflow:hidden;box-shadow:0 3px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;text-align:center;padding-bottom:12px}.hobbyCard:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000026}.hobbyImage{width:100%;height:250px;object-fit:cover;display:block;border-bottom:1px solid #ddd}.hobbyName{margin:12px 0 0;font-weight:600;color:#2c3e50;font-size:1rem}