@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.light{background-color:#fff;color:#000}.light .contact-form .form-group,.light .contact-form input,.light .contact-form textarea,.light .contact-info a,.light .contact-info h2,.light .contact-info i,.light .contact-info li,.light .contact-info span,.light .contact-info ul{color:#00bfff}.light .download-btn,.light .portfolio-btn,.light .submit-btn{background-color:#00bfff;color:#fff}.light .download-btn:hover,.light .portfolio-btn:hover,.light .submit-btn:hover{background-color:#fff;color:#00bfff}.light .contact-info{background-color:#000}.light .contact-container{background-color:#fff;box-shadow:0 4px 8px #0003}.light .about-page,.light .portfolio-page{background-color:#00bfff;color:#fff}.light .mobile-menu-toggle{background-color:#fff;color:#00bfff}.dark .mobile-menu-toggle{background-color:#000;color:#f0c040}.dark{background-color:#000;color:#fff}.dark .contact-form .form-group,.dark .contact-form input,.dark .contact-form textarea,.dark .contact-info a,.dark .contact-info h2,.dark .contact-info i,.dark .contact-info li,.dark .contact-info span,.dark .contact-info ul{color:#f0c040}.dark .download-btn,.dark .portfolio-btn,.dark .submit-btn{background-color:#f0c040;color:#000}.dark .download-btn:hover,.dark .portfolio-btn:hover,.dark .submit-btn:hover{background-color:#000;color:#f0c040}.dark .about-page,.dark .portfolio-page{background-color:#f0c040;color:#000}.dark .contact-info{background-color:#fff}.dark .contact-container{background-color:#000;box-shadow:0 4px 8px #0003}*{transition:background-color .5s ease,color .5s ease}body{font-family:Poppins,sans-serif}.logo{align-content:center;font-size:1.5rem;font-weight:700;padding-left:5rem}.navbar{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:space-between;position:absolute;transition:background-color .5s ease,color .5s ease;width:100%;z-index:100}.nav-links{display:flex;gap:20px;list-style:none}.mobile-menu-toggle{display:none}.navbar.light{background-color:#fff;color:#00bfff}.navbar.light .nav-links a{color:#00bfff}.navbar.light .nav-links a:hover:before{border-color:#00bfff}.navbar.light .theme-toggle,.navbar.light .theme-toggle i{color:#00bfff}.navbar.dark{background-color:#000}.navbar.dark,.navbar.dark .nav-links a{color:#f0c040}.navbar.dark .nav-links a:hover:before{border-color:#f0c040}.navbar.dark .theme-toggle,.navbar.dark .theme-toggle i{color:#f0c040}.nav-links a{font-size:1.5rem;font-weight:700;padding:15px;position:relative;text-decoration:none;transition:color .5s ease,border-color .5s ease}.nav-links a:before{border:2px solid #0000;border-radius:5px;content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease,border-color .5s ease;width:100%}.nav-links a:hover:before{opacity:1}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.5rem;padding:10px;transition:color .5s ease}@media (max-width:768px){.nav-links{background-color:inherit;flex-direction:column;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:40px;transform:translateY(-100%);transition:all .3s ease-in-out;width:100%}.nav-links.mobile-nav{box-sizing:border-box;opacity:1;padding:0 10px;pointer-events:all;transform:translateY(0);width:100%}.nav-links li{margin:10px 0}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:block;font-size:1.5rem;padding:10px;transition:color .5s ease}.theme-toggle{margin-left:auto}}@media (max-width:900px){.logo{font-size:1.2rem;font-weight:700;padding-left:2rem}.nav-links{background-color:inherit;flex-direction:column;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:40px;transform:translateY(-100%);transition:all .3s ease-in-out;width:100%}.nav-links.mobile-nav{opacity:1;pointer-events:all;transform:translateY(0);width:100%}.nav-links li{margin:10px 0}.mobile-menu-toggle{background:none;border:none;cursor:pointer;display:block;font-size:1.5rem;padding:10px;transition:color .5s ease}.theme-toggle{margin-left:auto}}.footer{font-family:Poppins,sans-serif;padding-top:40px;transition:background-color .5s ease,color .5s ease}.footer,.footer-content{align-items:center;display:flex;flex-direction:column;font-size:1.2rem;justify-content:center;width:100%}.footer-icons{display:flex;font-size:3rem;gap:30px;margin-bottom:20px;transition:font-size .3s ease}.footer-icons i{transition:transform .3s ease}.footer-icons i:hover{transform:scale(1.2)}.footer-text{font-size:1.2rem;font-weight:700;text-align:center}.footer.light{background-color:#fff;color:#00bfff}.footer.light .text-deepskyblue{color:#00bfff!important}.footer.light .footer-icons i,.footer.light .v-btn{color:#00bfff}.footer.dark{background-color:#000;color:#f0c040}.footer.dark .text-#f0c040{color:#f0c040!important}.footer.dark .footer-icons i,.footer.dark .v-btn{color:#f0c040}@media (max-width:768px){.footer{align-items:center;flex-direction:column;text-align:center}.footer-content{flex-direction:column;gap:20px;width:100%}.footer-icons{font-size:2.5rem;gap:20px;justify-content:center}.footer-text{font-size:1rem;margin-top:10px}}html{scroll-behavior:smooth}.hero{align-items:center;display:flex;height:100vh;justify-content:center;padding:20px}.hero-content,.hero-content h1{text-align:center}.hero-content h1{font-size:3rem;margin:0}.hero-content h2{color:#f0c040;font-size:2rem;margin:10px 0}.hero-content p{font-size:1.5rem;margin-bottom:30px}.hero-content .btn{background-color:initial;border:2px solid #f0c040;color:#f0c040;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .5s ease}.hero-content .btn:hover{background-color:#f0c040;color:#000}.arrow-down{bottom:20px;font-size:2rem;left:50%;position:absolute;transform:translateX(-50%);transition:color .5s ease}.about{height:100vh;padding:50px 20px;text-align:center;transition:background-color .5s ease,color .5s ease}.about-content{font-size:1.2rem;line-height:2rem;margin:0 auto;max-width:800px;text-align:justify}.about-content h2{font-size:3rem;text-align:center}.about-content p{font-size:1.5rem;line-height:2rem;padding-bottom:2rem}.logos{display:flex;justify-content:center}.logo{height:80px;object-fit:contain;width:auto}.discover{margin-bottom:5rem;padding:30px 20px;text-align:center;transition:background-color .5s ease,color .5s ease}.discover-btn{background-color:#f0c040;border-radius:5px;color:#000;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .5s ease}.discover-btn:hover{background-color:#000;color:#f0c040}.separator{background-color:#f0c040;height:2px;margin:40px 0;width:100%}@media (max-width:768px){.hero{flex-direction:column;padding:10px}.hero-content h1{font-size:2rem}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem;margin-bottom:20px}.hero-content .btn{font-size:.875rem;padding:8px 16px}.arrow-down{font-size:1.5rem}.about{height:auto;padding:20px 10px}.about-content{font-size:1rem;line-height:1.5rem}.about-content h2{font-size:2rem}.about-content p{font-size:1.25rem;line-height:1.75rem}.logos{flex-direction:column;gap:10px}.logo{height:60px}.discover{margin-bottom:2rem;padding:20px 10px}.discover-btn{font-size:.875rem;padding:8px 16px}}.about-page{font-family:Poppins,sans-serif}.about-page,.section{transition:background-color .5s ease,color .5s ease}.landing-section{align-items:center;background-image:url(/static/media/coding.cc88592af8d4f8739064.png);background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.landing-section .overlay{background-color:#00000080;height:100%;position:absolute;width:100%}.landing-section h1{font-size:4rem;margin-bottom:20px}.landing-section p{font-size:1.5rem;margin-bottom:30px}.landing-section .download-btn,.landing-section h1,.landing-section p{position:relative;z-index:2}.download-btn{border-radius:5px;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .5s ease}.section{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;margin:50px 0;opacity:0;padding:20px;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.section.visible{opacity:1;transform:translateY(0)}.section-image{border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;margin-right:20px;object-fit:cover;width:40%}.section-content{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:100%}.section h2{color:#333;font-size:2.5rem;margin-bottom:20px}.section h3{color:#333}.section a,.section h3{font-size:1rem;font-weight:700;margin-bottom:20px}.section a{color:#f0c040;text-decoration:none}.section a:hover{color:#000}.section p,.section ul{color:#555;font-size:1.2rem;line-height:1.6;text-align:justify}.section:nth-child(odd){flex-direction:row-reverse}.section-image.mei{height:auto;width:20%}.section-image.lei{height:auto;width:10%}@media (max-width:400px){.section{align-items:center;box-shadow:none;display:flex;flex-direction:column;margin:10px 0;padding:15px;text-align:center}.section-image{border-radius:10px;height:auto;margin-bottom:15px;margin-right:0;width:80%}.section-content{padding:0;text-align:center;width:100%}.section h2{font-size:1.5rem;margin-bottom:10px}.section p,.section ul{font-size:.875rem;line-height:1.4rem;margin-bottom:10px;text-align:left}.section ul{padding-left:20px}.download-btn{font-size:1rem;padding:8px 16px;text-align:center}}@media (max-width:768px){.landing-section{padding:20px}.download-btn{font-size:1rem;padding:8px 16px}.section{flex-direction:column;margin:20px 0;padding:15px;text-align:center}.section-image{margin:0 auto 20px;width:80%}.section-content{box-shadow:none;padding:0;width:100%}.section h2{font-size:2rem;margin-bottom:15px}.section h3{font-size:1rem}.section p,.section ul{font-size:1rem;line-height:1.5rem}}.portfolio-page{font-family:Poppins,sans-serif}.portfolio-page,.portfolio-section{transition:background-color .5s ease,color .5s ease}.landing-portfolio-section{align-items:center;background-image:url(/static/media/coding.cc88592af8d4f8739064.png);background-position:50%;background-size:cover;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.landing-portfolio-section .overlay{background-color:#00000080;height:100%;position:absolute;width:100%}.landing-portfolio-section h1{font-size:4rem;margin-bottom:20px}.landing-portfolio-section p{font-size:1.5rem;margin-bottom:30px}.landing-portfolio-section .portfolio-btn,.landing-portfolio-section h1,.landing-portfolio-section p{position:relative;z-index:2}.landing-portfolio-section .portfolio-btn{border-radius:5px;font-size:1rem;font-weight:700;padding:10px 20px;text-decoration:none;transition:background-color .5s ease}.portfolio-section{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#000;display:flex;margin:50px 0;opacity:0;padding:20px;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.portfolio-section.visible{opacity:1;transform:translateY(0)}.portfolio-section-image{border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0003;height:auto;margin-right:20px;object-fit:cover;width:40%}.portfolio-section-content{border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:20px;width:100%}.portfolio-section h2{color:#333;font-size:2.5rem;margin-bottom:20px}.portfolio-section h3{color:#333}.portfolio-section a,.portfolio-section h3{font-size:1rem;font-weight:700;margin-bottom:20px}.portfolio-section a{color:#f0c040;text-decoration:none}.portfolio-section a:hover{color:#000}.portfolio-section p,.portfolio-section ul{color:#555;font-size:1.2rem;line-height:1.6}.portfolio-section:nth-child(odd){flex-direction:row-reverse}@media (max-width:768px){.portfolio-section{flex-direction:column;margin:20px 0;padding:15px;text-align:center}.portfolio-section-image{margin-bottom:15px;width:100%}.portfolio-section-content{padding:0;text-align:left;width:100%}.portfolio-section h2{font-size:2rem}.portfolio-section p,.portfolio-section ul{font-size:1rem;line-height:1.5rem;margin-bottom:10px}}@media (max-width:500px){.portfolio-section:nth-child(odd){flex-direction:column-reverse}.portfolio-section{box-shadow:none;flex-direction:column;margin:10px 0;padding:10px}.portfolio-section-image{height:auto;margin-bottom:15px;order:-1;width:100%}.portfolio-section-content{padding:0;text-align:justify;width:100%}.portfolio-section h2{font-size:1.5rem}.portfolio-section p,.portfolio-section ul{font-size:.875rem;line-height:1.4rem}.portfolio-section ul{padding-left:20px}}.contact-page{align-items:center;background-image:url(/static/media/coding.cc88592af8d4f8739064.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;position:relative}.contact-page:before{background-color:#00000080;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.contact-container{border-radius:8px;display:flex;flex-direction:row;max-width:1000px;overflow:hidden;width:100%;z-index:2}.contact-form-container,.contact-info{flex:1 1;padding:40px}.contact-info h2{font-size:1.8rem;margin-bottom:20px}.contact-info ul{list-style:none;margin:0;padding:0}.contact-info li{align-items:center;display:flex;font-size:1.2rem;margin-bottom:20px}.contact-info i{font-size:1.5rem;margin-right:10px}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;font-weight:bolder;margin-bottom:5px}.contact-form input,.contact-form textarea{border-radius:4px;box-sizing:border-box;font-size:1rem;font-weight:700;padding:10px;width:100%}.contact-form textarea{min-height:150px;resize:vertical}.submit-btn{border:none;border-radius:4px;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;padding:12px;transition:background-color .3s ease;width:100%}@media (max-width:768px){.contact-container{flex-direction:column;padding:20px}.contact-form-container,.contact-info{padding:40px;text-align:center}.contact-info h2{font-size:1.5rem}.contact-form .form-group,.contact-info li{font-size:1rem}}@media (max-width:400px){.contact-container{padding:10px}.contact-form-container,.contact-info{padding:10px;text-align:justify}.contact-info h2{font-size:1.2rem}.contact-form .form-group,.contact-info li{font-size:.875rem;margin-bottom:15px}.submit-btn{font-size:1rem;padding:10px}}
/*# sourceMappingURL=main.d7386400.css.map*/