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;font-size:18px;line-height:1.6;margin:0}a{color:inherit;text-decoration:none}a:hover{color:#6b6bc3}h1{font-size:2.5em;line-height:1.4}@media screen and (max-width:830px){h1{font-size:2em;line-height:1.4}}input,textarea{border:1px solid #d1d1d1;border-radius:5px;box-sizing:border-box;font-size:inherit;margin-top:10px;padding:15px;width:100%}input:focus,textarea:focus{box-shadow:0 0 5px #cacaca;outline:none}.button,button{background-color:#6b6bc3;border:2px solid #6b6bc3;border-radius:20px;color:#fff;display:inline-block;font-size:1.2em;padding:10px 25px}.button:hover,button:hover{background-color:#fff;color:#6b6bc3}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.footer-container{background-color:#6b6bc3;color:#fff;padding:100px 20px}.footer{margin:auto;max-width:1024px;text-align:center;width:100%}.footer .slogan{font-size:1.5em;margin:40px 0 50px}.footer .social{gap:30px;margin-bottom:50px}.footer .social,.footer .social a{display:flex;justify-content:center}.footer .social a{align-items:center;border:2px solid #fff;border-radius:50%;color:#fff;height:50px;width:50px}.footer .social a:hover{background-color:#fff;color:#6b6bc3}.footer .social .icon{font-size:1.5em}.footer .copyright{color:#d1d1d1}.site-logo{border:5px solid #6b6bc3;border-radius:10px;color:#6b6bc3;display:inline-block;font-size:20px;font-weight:700;padding:5px 15px;text-decoration:none}.site-logo.white{border:5px solid #fff;color:#fff}.nav-container{display:flex;height:100px;margin:0 20px}.navbar{justify-content:space-between;margin:auto;max-width:1024px;width:100%}.nav-pages,.navbar{align-items:center;display:flex}.nav-pages{gap:20px}.navbar .contact{border:2px solid #6b6bc3;border-radius:20px;color:#6b6bc3;font-weight:400;line-height:1.4;padding:9px 18px}.navbar .contact:hover{background-color:#6b6bc3;color:#fff}.header-container{margin:70px 20px}.header{margin:auto;max-width:1024px;text-align:center}.header .desc{font-size:1.2em}.header .icon{color:#6b6bc3;margin:50px 0}.about-container{border-bottom:1px solid #d1d1d1;padding-bottom:100px}.about-me{background-color:#6b6bc3;padding:150px 20px 300px}.about-me .intro{color:#fff;margin:auto;max-width:600px;text-align:center;width:100%}.intro .title{font-size:2em;font-weight:500;margin-bottom:20px}.intro .desc{line-height:1.6}.knowhow-container{margin:-150px 20px 0}.knowhow{background-color:#fff;border:1px solid #d1d1d1;border-radius:12px;display:flex;justify-content:center;margin:0 auto 60px;max-width:1024px}@media screen and (max-width:830px){.knowhow{flex-direction:column}}.knowhow .item{flex:1 1;line-height:1.6;padding:60px 20px;text-align:center}@media screen and (max-width:830px){.knowhow .item:not(:last-child){border-bottom:1px solid #d1d1d1}}.knowhow .icon{color:#6b6bc3}.knowhow .title{font-size:1.2em;font-weight:500;margin:20px 0}.tech-stack{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;margin:auto;max-width:600px;padding:0;text-align:center}.tech-stack li{white-space:nowrap}.tech-stack .icon{color:#6b6bc3}.stack-heading{font-size:1.2em;font-weight:500;margin:40px 0 20px;text-align:center}.projects-container{margin:80px 20px}.projects{margin:auto;max-width:100%;max-width:1024px;text-align:center}.project-heading .title{font-size:2em;font-weight:500}.project-heading .desc{font-size:1.2em;margin:10px 0 60px}.project-list{display:flex;flex-wrap:wrap;gap:25px;justify-content:center}.project-list figure{border:1px solid #d1d1d1;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;margin:0;overflow:hidden;padding:0 0 10px;width:322px}.project-list .image{background-color:#141c3a;position:relative}.project-list img{display:block;height:100%;object-fit:cover;width:100%}.project-list .image:hover img,.project-list .image:hover svg{opacity:.3;position:relative}.project-list .img-overlay{align-items:center;bottom:0;color:#fff;display:flex;font-size:1.2em;font-weight:500;height:100%;justify-content:center;opacity:0;position:absolute;top:0;width:100%}.project-list .image:hover .img-overlay{opacity:1}.project-list .title{display:block;font-size:1.1em;font-weight:500;margin:10px}.project-list figcaption{margin:10px}.code-project{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:150px}.hello-container{margin:150px 20px}.hello-container .hello{border:5px dashed #141c3a;border-radius:20px;margin:auto;max-width:800px;padding:40px 20px 60px;text-align:center}.hello .title{font-size:2em;line-height:1.4;margin-bottom:30px}.hello .desc{font-size:1.2em;margin-bottom:50px}.hello .button{background-color:#141c3a;border:3px solid #141c3a}.hello .button:hover{background-color:#fff;color:#141c3a}.form-submitted{margin:auto;max-width:600px;text-align:center}.form-submitted .icon{color:#6b6bc3}.form-submitted .title{font-size:2.5em}.form-submitted .sub{font-size:1.2em;margin:20px 0 50px}.form-submitted .button{background-color:#fff;border:2px solid #6b6bc3;color:#6b6bc3}.form-submitted .button:hover{background-color:#6b6bc3;color:#fff}.contact-form-container{margin:50px 20px 200px}.contact-form{margin:auto;max-width:800px;width:100%}.contact-form form{margin:auto;max-width:600px}.contact-form h1{font-weight:400;margin-bottom:50px;text-align:center}@media screen and (min-width:512px){.contact-form .double{display:flex;gap:20px;justify-content:center}}.contact-form button{border-radius:50px;display:block;margin:30px auto auto;padding:15px 50px}.contact-form .field{margin-bottom:20px;width:100%}.field div{color:red;display:none;font-size:.9em}input:invalid[focused=true],textarea:invalid[focused=true]{border:1px solid red}input:invalid[focused=true]~div,textarea:invalid[focused=true]~div{display:block}.not-found{margin:auto;max-width:1024px;padding:50px 20px 150px;text-align:center}.not-found .icon{color:#6b6bc3}.not-found .sub{font-size:1.2em;margin-bottom:40px}.not-found .button{background-color:#fff;color:#6b6bc3}.not-found .button:hover{background-color:#6b6bc3;color:#fff}
/*# sourceMappingURL=main.8bd77f47.css.map*/