@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300,600";@import"https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:Open Sans,sans-serif;color:#333}.container{width:100%}.tutorial{box-shadow:0 4px 12px #0000001a;background-color:#f9f9f9;display:flex;align-content:space-around;align-items:center;justify-content:flex-end}.tutorial .slider{width:100%;height:200px;background:linear-gradient(90deg,gold,#145a32)}.tutorial .information{width:100%;padding:20px 50px;margin-bottom:30px;font-family:Open Sans,sans-serif}.tutorial .information p{padding:10px 0}.tutorial ul{font-size:0;list-style-type:none}.tutorial ul li{font-family:Open Sans,sans-serif;font-size:1rem;font-weight:400;color:#333;display:inline-block;padding:15px;position:relative}.tutorial ul li ul{display:none}.tutorial ul li:hover{cursor:pointer;background-color:#f2f2f2}.tutorial ul li:hover ul{display:block;margin-top:15px;width:220px;left:0;position:absolute;background-color:#e7e7e7;z-index:999;border-radius:4px;box-shadow:0 3px 8px #0000001a}.tutorial ul li:hover ul li{display:block;padding:10px 15px}.tutorial ul li:hover ul li:hover{background-color:#e0e0e0}.hamburger{display:none;font-size:45px;padding:15px}.site-title{font-weight:700;padding:0 15px}.logo-mobile-view{display:none;max-height:50px;margin-left:20px}@media (max-width: 768px){.tutorial{flex-direction:column;align-items:flex-start}.hamburger{display:block}.nav-links{display:none;width:100%;flex-direction:column;background-color:#f9f9f9}.nav-links.open{display:flex}.tutorial ul{width:100%}.tutorial ul li{display:block;width:100%;padding:15px;border-top:1px solid #ddd}.tutorial ul li ul{display:none;position:static;background-color:#e7e7e7;box-shadow:none;border-radius:0}.tutorial ul li:hover ul{display:block}.logo{display:none}.logo-mobile-view{margin-left:auto;padding:10px;max-height:40px}}*{margin:0;padding:0;box-sizing:border-box}.logo{width:95px}.container-home{padding:40px 20px;display:flex;flex-direction:column;gap:60px}.image-container{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.image-container.visible{opacity:1;transform:translateY(0)}.first-main-container{display:flex;flex-direction:column;gap:20px;align-items:center}.content-img{text-align:center;max-width:800px;margin:0 auto}.content-img img.home-img{width:100%;max-width:500px;height:auto;border-radius:12px;box-shadow:0 4px 12px #00000026;margin-bottom:20px;transition:transform .3s ease}.content-img img.home-img:hover{transform:scale(1.05)}.content-img h2{font-size:1.8rem;font-weight:600;color:#222}.discription p,.second-main-container p{font-size:1rem;line-height:1.6;color:#444;max-width:900px;margin:10px auto;padding:0 10px}.image-container.left .first-main-container,.image-container.right .first-main-container{flex-direction:column}@media (min-width: 768px){.first-main-container{flex-direction:row;justify-content:space-between}.content-img{flex:1;text-align:left}.discription{flex:2;padding-left:40px}.second-main-container{margin-top:20px;padding:0 20px}.content-img h2{font-size:2rem}.discription p,.second-main-container p{font-size:1.1rem}}.post-container{max-width:800px;margin:2rem auto;padding:1rem 1.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#fff;border-radius:8px;box-shadow:0 0 10px #00000014}.post-title{font-size:2rem;margin-bottom:1rem;color:#2c3e50;text-align:center}.post-section-title{font-size:1.5rem;margin-top:2rem;margin-bottom:1rem;color:#34495e;border-bottom:2px solid #eee;padding-bottom:.25rem}.post-paragraph{font-size:1rem;line-height:1.6;color:#333;margin-bottom:1rem}.post-heading{margin-top:1.5rem;margin-bottom:.5rem;color:#2c3e50}.post-image{max-width:100%;height:auto;margin:1rem 0;border-radius:6px;display:block;box-shadow:0 4px 10px #0000000f}.post-list{margin-bottom:1rem;padding-left:1.5rem}.post-list li{margin-bottom:.5rem;color:#2c3e50;font-size:1rem}.post-slug{display:block;font-size:.85rem;color:#999;margin-top:2rem;text-align:right}.loading,.error,.not-found{text-align:center;font-size:1.2rem;color:#777;margin-top:2rem}section1{margin-bottom:2rem;background-color:#f0f8ff}.not-found-container{text-align:center;padding:60px 20px;font-family:Segoe UI,sans-serif;color:#444}.not-found-container h1{font-size:6rem;color:#e63946}.not-found-container h2{font-size:2rem;margin:20px 0}.not-found-container p{font-size:1.2rem;color:#666;margin-bottom:30px}.not-found-container a{background-color:#007bff;color:#fff;padding:12px 24px;text-decoration:none;border-radius:6px;transition:background-color .3s ease}.not-found-container a:hover{background-color:#0056b3}.footer{background-color:#1f1f1f;color:#f0f0f0;padding:3rem 1rem 2rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.footer .content{display:flex;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto}.fo-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;padding:1rem 0}.links a{display:block;color:#f0f0f0;text-decoration:none;margin-bottom:.75rem;font-size:.95rem;transition:color .3s ease}.links a:hover{color:#00ffd5}.footer-media{text-align:center}.media-follow span{margin:0 .5rem;display:inline-block}.media-follow img{width:28px;height:28px;filter:brightness(0) invert(1);transition:transform .3s ease}.media-follow img:hover{transform:scale(1.2);filter:brightness(1) saturate(1.5)}hr{border-color:#ffffff26;margin:2rem 0}.links-main{display:flex;flex-direction:column;gap:1rem;align-items:center;text-align:center}.links-main a{color:#ccc;text-decoration:none;margin:.3rem 0;font-size:.95rem;transition:color .3s ease}.links-main a:hover{color:#00ffd5}.fa-icon{margin-right:.4rem}.footer-copyright{margin-top:1rem;font-size:.85rem;color:#888}@media (min-width: 768px){.links-main{flex-direction:row;justify-content:space-between;align-items:center}.links-main>div:first-child{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}}.contact-page{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f4f4f9;font-family:Arial,sans-serif}.main_content{padding:15px}.contact-page h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.contact-page p{font-size:1.1rem;color:#666;margin-bottom:2rem;max-width:800px;text-align:center}form{width:100%;max-width:600px;background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 8px #0000001a}form div{margin-bottom:1.5rem}label{display:block;font-size:1rem;color:#333;margin-bottom:.5rem}input,textarea{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:1rem;color:#333;box-sizing:border-box}textarea{resize:vertical;min-height:150px}input:focus,textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #268fff40}button{background-color:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:focus{outline:none;box-shadow:0 0 0 2px #268fff80}.disclaimer-page{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#f9f9f9;font-family:Arial,sans-serif;color:#333}.disclaimer-page h1{font-size:2.5rem;color:#444;margin-bottom:1rem;text-align:center}.disclaimer-page p{font-size:1rem;color:#000;margin-bottom:1.5rem;line-height:1.6;max-width:800px;text-align:left}.disclaimer-page h2{font-size:1.75rem;color:#444;margin-top:2rem;margin-bottom:1rem}.disclaimer-page a{color:#007bff;text-decoration:none}.disclaimer-page a:hover{text-decoration:underline}.disclaimer-page br{display:none}@media (max-width: 768px){.disclaimer-page{padding:1rem}.disclaimer-page h1{font-size:2rem}.disclaimer-page h2{font-size:1.5rem}.disclaimer-page p{font-size:.9rem}}.policy-page{max-width:800px;margin:2rem auto;padding:2rem;background-color:#fff;box-shadow:0 0 10px #0000001a;font-family:sans-serif}.policy-page h1,.policy-page h2{color:#333}.policy-page p{line-height:1.6;margin-bottom:1rem}.policy-page a{color:#00f;text-decoration:none}.policy-page a:hover{text-decoration:underline}.policy-page hr{margin:2rem 0;border:0;border-top:1px solid #eee}.policy-page ul,.policy-page ol{padding-left:2rem}.about-page{max-width:800px;margin:2rem auto;padding:2rem;font-family:Arial,sans-serif;line-height:1.6}.about-page h1,.about-page h2{color:#333}.about-page p{margin-bottom:1rem}.about-page a{color:#00f;text-decoration:none}.about-page a:hover{text-decoration:underline}.about-page section{margin-bottom:2rem}.main-content{max-width:1100px;margin:0 auto;padding:30px;background-color:#fff;border-radius:10px;box-shadow:0 6px 12px #0000001a}.page-title{font-size:36px;font-weight:700;color:#2c3e50;margin-bottom:20px}.content-section{margin-bottom:40px}.section-title{font-size:28px;font-weight:600;color:#2980b9;margin-bottom:15px}.manual-tutorials{background-color:#ecf0f1;padding:20px;border-radius:8px;box-shadow:0 4px 8px #0000000d}.manual-tutorials h3{font-size:18px;margin-bottom:12px;font-weight:500;color:#2c3e50}@media (max-width: 768px){.main-content{padding:20px}.page-title{font-size:30px}.section-title{font-size:24px}.manual-tutorials h3{font-size:16px}}.explore-button-container{text-align:center;margin-top:40px}.explore-button{background-color:#2980b9;color:#fff;font-size:18px;padding:12px 30px;text-decoration:none;border-radius:5px;font-weight:700;transition:background-color .3s ease,transform .2s ease;display:inline-block}.explore-button:hover{background-color:#1abc9c;transform:translateY(-3px)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;padding:2rem}.project-card{text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease}.project-card-inner{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.project-image{width:100%;height:180px;object-fit:cover}.project-title{font-size:1.2rem;font-weight:600;padding:1rem 1rem 0;color:#333}.project-description{padding:.5rem 1rem 1rem;font-size:.95rem;color:#666;flex-grow:1}
