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}@font-face{font-family:Roboto;src:url(/static/media/Roboto-Regular.fc2b5060f7accec5cf74.ttf) format("truetype")}.about{background-color:#cad6d4;font-family:Roboto,sans-serif}.about .about-title{letter-spacing:.1em;margin-top:0;padding-top:20px}.about-container{display:flex}.about-img{flex:35% 1;padding-top:15px}.about-img img{width:100%}.about-intro{flex:65% 1}.about-intro p{font-size:16px;letter-spacing:1px;line-height:1.5em;padding-left:10px;padding-right:10px;text-align:justify}@media (max-width:780px){.about-container{display:flex;flex-direction:column}.about-intro p{font-size:14px}}@media (max-width:480px){.about-intro p{font-size:12px;text-align:justify}}.skills-container{margin:0 auto;width:80%}.skills-title{letter-spacing:.1em;text-align:center}.react-tabs__tab .react-tabs__tab--selected{border-bottom:1px solid #ccc;display:flex;justify-content:space-between;margin:0 0 10px;padding:0}.react-tabs__tab{margin-bottom:10px;padding:10px 15px;z-index:2}.react-tabs__tab--selected{background-color:#4caf50!important;border-bottom:1px #ddd;color:#fff!important;z-index:1!important}.react-tabs__tab--selected:after{background:#4caf50;bottom:0;content:"";display:block;height:2px;left:0;position:absolute}.tab-content{margin-top:20px}.tab-title{font-size:1.5em;margin-bottom:20px;text-align:center}.progress-lines{height:200px;margin-bottom:-40px;position:relative}.line{background-color:#ddd;position:absolute;width:2px}.line[data-label=Basic]{left:0}.line[data-label=Good]{left:50%;transform:translateX(-50%)}.line[data-label=Expert]{right:0}.line:before{background-color:#fff;border-radius:3px;content:attr(data-label);font-size:12px;left:50%;padding:2px 5px;position:absolute;top:-25px;transform:translateX(-50%)}.skill{margin-bottom:20px}.skill-title{display:block;font-weight:700;margin-bottom:5px}.progress-bar{background-color:#f3f3f3;border-radius:5px;overflow:hidden;width:100%}.progress{background-color:#4caf50;border-radius:5px;color:#fff;height:20px;line-height:20px;padding-right:5px;text-align:right}.progress-label{font-size:12px;padding-right:10px}@media (max-width:1200px){.skills-container{width:90%}.progress-lines{height:150px}.line:before{font-size:10px}}@media (max-width:992px){.skills-container{width:90%}.react-tabs__tab{padding:8px 10px}.progress-lines{height:120px}.skill-title{font-size:14px}.progress{height:18px}.progress-label{font-size:10px}}@media (max-width:768px){.react-tabs__tab-list{align-items:center;flex-direction:column}.react-tabs__tab{text-align:center;width:100%}.progress-lines{height:100px}.line{margin-right:5px}.line:before{font-size:9px;top:-20px}.skill-title{font-size:12px}.progress{height:16px}.progress-label{font-size:9px}}@media (max-width:576px){.skills-title h1{font-size:24px}.react-tabs__tab{padding:6px 8px}.progress-lines{height:80px}.line{margin-right:3px}.line:before{font-size:8px;top:-15px}.skill-title{font-size:10px}.progress{height:14px}.progress-label{font-size:8px}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.services-container{padding:20px;text-align:center}.services-title{letter-spacing:.1em}.services-title h1{color:#333;font-size:2em;margin-bottom:20px}.services-boxes{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.service-box{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;flex-basis:calc(33.333% - 40px);flex-grow:1;flex-shrink:1;margin:10px;max-width:calc(33.333% - 40px);overflow:hidden;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.service-box:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-10px)}.service-image{border-bottom:1px solid #ddd;height:auto;width:100%}.service-title{color:#333;font-size:1.5em;margin:15px 0}.service-description{color:#666;font-size:1em}@media (max-width:1024px){.service-box{flex-basis:calc(50% - 40px);flex-grow:1;flex-shrink:1;max-width:calc(50% - 40px)}.services-title h1{font-size:1.8em}.service-title{font-size:1.3em}.service-description{font-size:.9em}.service-image{height:auto}}@media (max-width:768px){.service-box{flex-basis:calc(100% - 40px);flex-grow:1;flex-shrink:1;max-width:calc(100% - 40px)}.services-title h1{font-size:1.6em}.service-title{font-size:1.2em}.service-description{font-size:.85em}.service-image{height:auto}}@media (max-width:480px){.service-box{flex:1 1 100%;max-width:100%}.services-title h1{font-size:1.4em}.service-title{font-size:1.1em}.service-description{font-size:.8em}.service-image{height:auto}}.contact-container{border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a;margin:20px auto;max-width:600px;padding:20px}.contact-title{font-size:24px;margin-bottom:20px;text-align:center}.contact-container p{text-align:justify}.contact-form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}input,textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px;width:95%}textarea{height:120px}button{align-self:flex-start;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}button:hover{background-color:#45a049}.status-message{color:#4caf50;font-weight:700;margin-top:20px;text-align:center}.header{background-image:linear-gradient(180deg,#00d5ff33,#200ec666),url(/static/media/header-background.40e2296cf4fedb8a10cb.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;flex-direction:column;height:500px;justify-content:center;padding:20px}.header,.navbar-wrapper{align-items:center;display:flex}.navbar-wrapper{background-color:blue;box-shadow:0 4px 8px #264d95e6;justify-content:space-around;left:0;padding:10px 20px;position:fixed;top:0;width:100%;z-index:1000}.brand{order:1}.navbar{order:2}.header-titles{margin-top:80px;text-align:center}.headerMainTitle{font-size:2em;margin-bottom:10px}.headerSubTitle{font-size:1.2em;margin-bottom:5px}.header-btn{box-shadow:0 4px 8px #1737d19c;margin-top:20px}@media (max-width:1024px){.header{background-size:contain;height:auto;padding:15px}.headerMainTitle{font-size:1.8em}.header-btn,.headerSubTitle{font-size:1em}.header-btn{padding:10px 20px}}@media (max-width:768px){.navbar-wrapper{flex-direction:column;padding:10px}.navbar{margin-top:10px}.header{background-size:cover;height:auto;padding:10px}.header-titles{margin-top:120px}.headerMainTitle{font-size:1.6em}.header-btn,.headerSubTitle{font-size:.9em}.header-btn{padding:10px 15px;width:100%}}@media (max-width:480px){.header{background-size:cover;height:auto;padding:10px}.header-titles{margin-top:140px}.headerMainTitle{font-size:1.4em}.header-btn,.headerSubTitle{font-size:.8em}.header-btn{padding:8px 12px;width:100%}}@media (max-width:768px){.brand-name{font-size:1.2rem}.logo{height:35px}}@media (max-width:480px){.brand-name{font-size:1rem}.logo{height:30px}}.brand{align-items:center;display:flex}.logo{height:40px;margin-right:10px}.brand-name{font-size:1.5rem;font-weight:700}.navbar{align-items:center;display:flex;justify-content:end;padding-right:15px;width:100%}.nav-items{display:flex;justify-content:center}.nav-item{color:#fff;margin:0 10px;padding:10px;text-decoration:none;transition:color .3s}.nav-item:hover{border-bottom:1px solid #fff}.nav-item.active,.nav-item:focus{border:none;font-size:1.2em;font-weight:700}.hamburger{cursor:pointer;display:none;flex-direction:column;padding:10px;z-index:1100}.hamburger .bar{background-color:#fff;height:4px;margin:3px 0;transition:.4s;width:25px}.hamburger .bar.open:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger .bar.open:nth-child(2){opacity:0}.hamburger .bar.open:nth-child(3){transform:rotate(-45deg) translate(9px,-9px)}@media (max-width:768px){.nav-items{background-color:blue;display:none;flex-direction:column;left:0;position:absolute;text-align:center;top:50px;width:100%;z-index:1000}.nav-items.open{display:flex}.nav-item{margin:10px 0}.hamburger{display:flex}}.footer{background-color:#333;color:#fff;text-align:center}.footer-content{margin:0 auto;max-width:960px;padding:10px}.footer a{color:#fff;text-decoration:underline}.footer a:hover{text-decoration:none}@media (max-width:576px){.footer-content p{font-size:1em}}
/*# sourceMappingURL=main.f8fe2717.css.map*/