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}*{border:none;box-sizing:border-box;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}::-webkit-scrollbar{width:6px}body{font-family:Inconsolata,monospace;overflow-x:hidden}header{align-items:center;background-color:#0b2c3b;box-sizing:border-box;display:flex;justify-content:space-between;left:0;padding:1rem 10rem;top:0;width:100%;z-index:100}header a{text-decoration:none}header .logo{color:#f0f8ff;cursor:default;font-size:2.3rem}header nav{display:flex}header nav a{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;gap:.2rem;justify-content:center;margin-left:4rem;text-decoration:none;transition:color .3s ease-in-out}header nav .active,header nav a:hover{color:#00a5ad}#menu-icon{color:#f0f8ff;cursor:pointer;display:none;font-size:2.5rem}@media screen and (max-width:1400px){header{padding:1rem 5rem}header nav a{margin-left:3rem}}@media screen and (max-width:1230px){header{padding:1rem 2rem}header nav a{margin-left:2rem}#menu-icon{display:block}header .navigation{background:#0b2c3b;display:block;left:0;padding:1rem 3%;position:absolute;top:4.4rem;transform:translateX(-100%);transition:.5s ease;width:100%}header nav a{font-size:1.5rem;justify-content:flex-start;margin:1rem 0}.navigation.open{transform:translateX(0)}}@media screen and (max-width:500px){#menu-icon{margin-right:0}header .logo{font-size:1.5rem}header nav a{font-size:1rem}}section{min-height:100vh;padding:0 4rem}.home .intro{align-items:center;display:flex;flex-direction:column;gap:4rem;justify-content:center;margin-top:1.5rem}.home .intro .content{margin:0 -4rem}.home .intro .content h3,h1,p{text-align:center}.home .intro .content h3{font-size:1.5rem}.home .intro .content h1{color:#00a5ad;font-size:4rem;font-weight:700;height:5rem}.home .intro .content h1 span{width:100%}.home .intro .content p{color:#0d0b3b;font-size:1.2rem;font-weight:400}.home .intro .content .links{display:flex;gap:2rem;justify-content:center;text-align:center}.home .intro .content .links a{align-items:center;background-color:#00a5ad;border-radius:5px;color:#fff;display:flex;font-size:1.2rem;font-weight:400;gap:.5rem;justify-content:center;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.home .intro .content .links a:active{transform:scale(.9)}.home .intro .content .links a:hover{background-color:#08314d}@media screen and (max-width:800px){.home .intro .content h1{font-size:3rem;margin-bottom:1.5rem}.home .intro .image img{width:25rem}}@media screen and (max-width:500px){.home .intro .content h1{font-size:2.5rem}}@media screen and (max-width:400px){.home .intro .image img{width:20rem}}.about{background-attachment:fixed;background-image:url(https://user-images.githubusercontent.com/513929/53929982-e5497700-404c-11e9-8393-dece0b196c98.png);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;padding:0 10rem}.about-div{display:flex;flex-direction:column}.about-div .title{font-size:3rem;padding:2rem 0;text-align:center}.about-div .about-content{align-items:center;display:flex;gap:5rem;justify-content:center;padding:2rem 0}.about-div .about-content .left img{height:28rem;transition:transform .1s ease-in-out}.about-div .about-content .right .text{font-size:2rem;text-align:center;width:100%}.about-div .about-content .right p{font-size:1.2rem;text-align:justify}.about-div .about-content .right p b{color:#00a5ad}@media screen and (max-width:1300px){.about{padding:0 5rem}.about-div .about-content{gap:2rem}}@media screen and (max-width:980px){.about-div .about-content{flex-direction:column}.about-div .about-content .left img{height:20rem}}@media screen and (max-width:700px){.about{padding:0 .5rem}}@media screen and (max-width:500px){.about-div .title{font-size:1.8rem}.about-div .about-content .right .text{font-size:1.4rem}.about-div .about-content{padding:0}.about-div .about-content .right p{font-size:1rem}}.services{align-items:center;background-image:url(https://img.freepik.com/free-vector/simple-blue-blank-background-vector-business_53876-174935.jpg?size=626&ext=jpg&ga=GA1.1.1222169770.1702512000&semt=ais) no-repeat;display:flex;flex-direction:column;justify-content:center}.services .container2 h1{padding:2rem 0}.service_box{background-color:rgba(61,78,77,.726);border-radius:5px;height:22rem;margin:20px 0;padding:40px 20px;text-align:center;transition:all .3s ease 0s}.service_box:hover{background:#00a5ad}.service_box .service_icon{background:#fff;border-radius:50px;font-size:35px;height:70px;line-height:70px;margin:0 auto;transform:translateY(0);transition:all .3s ease 0s;width:70px}.service_box:hover .service_icon{transform:translateY(-100%)}.service_box .service_icon i{color:#333}.service_box h3{color:#fff;font-size:23px;margin:0;position:relative;text-transform:uppercase;top:40px;transform:translateY(0);transition:all .6s cubic-bezier(.68,-.55,.265,1.55) 0s}.service_box:hover h3{top:-40px}.service_box p{color:#fff;font-size:1.2rem;margin:0;opacity:0;transition:all .3s linear 0s}.service_box:hover p{opacity:1}@media screen and (max-width:500px){.service_box p{font-size:.9rem}}@media screen and (max-width:574px){.service_box{height:auto}}.contact{background:linear-gradient(to bottom right,#000000e6,#240b36cc,#002733),url(https://www.hostinger.com/tutorials/wp-content/uploads/sites/2/2022/04/web-developer-portfolio.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;position:relative}.contact .inner{grid-column-gap:0;column-gap:0;display:grid;grid-template-columns:auto auto}.contact-header{margin:6rem 10rem 3rem;text-align:center}#co-title{color:#00a5ad}#co-text,#co-title{font-size:3rem;font-weight:700}#co-text{color:#fff;margin-bottom:20px}.contact .contact-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 0}.contact .contact-content h3{color:#fff;font-size:2.5rem}.contact .contact-content a{color:#00a5ad;font-size:2.5rem}.contact .contact-content a,.contact .contact-content a p{transition:transform .1s ease-in-out}.contact .contact-content .contact-links a:hover,.contact .contact-content a p:hover{transform:scale(1.1)}.contact .contact-content .contact-links{display:flex;gap:1rem}.container,footer p{color:#fff}.columns{margin-top:1rem}.column{padding:2rem}.field{margin-bottom:1.5em}.label{display:block;font-weight:700;margin-bottom:.5em}.control{position:relative}.input,.textarea{box-sizing:border-box;margin-bottom:.5em;padding:.5em;width:100%}.button{background-color:#3273dc;border:none;color:#fff;cursor:pointer;padding:.5em 1em}.button:hover{background-color:#205493}@media screen and (max-width:1000px){.contact .inner{display:flex;flex-direction:column}.msg{text-align:center}}@media screen and (max-width:960px){.contact-content{display:flex;flex-direction:column}.contact-header{margin:5rem 5rem 3rem}#co-text{font-size:2.5rem}}@media screen and (max-width:500px){.contact-header{margin:1.5rem .8rem .8rem 1rem}#co-title{font-size:1.5rem}#co-text{font-size:1rem}.contact .contact-content{padding:2rem}.contact .contact-content a,.contact .contact-content h3{font-size:1.5rem}}.projects{align-items:center;background:fixed radial-gradient(#e1efff,#fff);justify-content:space-between;padding-bottom:5rem}.projects .project-container h1{padding:2rem 0}.projects .project-container .box{align-items:center;display:flex;flex-wrap:wrap;gap:10rem;justify-content:center;margin:3rem 0}.projects .project-container .box .border{border:2px solid #00a5ad;border-radius:1rem;height:20.2rem;position:absolute;width:40rem}.projects .project-container .box .project-image img{border:2px solid #00a5ad;border-radius:1rem;object-fit:contain;transition:transform .1s ease-in-out;width:40rem}.projects .project-container .box .project-image img:hover{transform:scale(1.05)}.projects .project-container .box .project-1-text{width:30rem}.projects .project-container .box .project-1-text p{text-align:justify}.projects .project-container .box .project-1-text .links{display:flex;gap:5rem;justify-content:center}.projects .project-container .box .project-1-text .links a{align-items:center;color:#0d0b3b;display:flex;font-size:1.4rem;gap:.4rem;text-decoration:none;transition:all .1s ease-in-out}.project-image video{border-radius:10px;box-shadow:0 4px 8px #0003;height:15rem;max-height:400px;width:100%}@media screen and (max-width:1400px){.projects .project-container .box .project-image img{width:25rem}.projects .project-container .box .project-1-text h2{font-size:1.6rem}.projects .project-container .box .project-1-text p{font-size:.8rem}}@media screen and (max-width:1200px){.projects .project-container .box .project-image img{width:20rem}.projects .project-container .box .project-1-text h2{font-size:1.5rem}.projects .project-container .box .project-1-text p{font-size:.7rem}}@media screen and (max-width:1090px){.projects .project-container .box{gap:5rem}}@media screen and (max-width:1000px){.projects .project-container .box{gap:2.5rem;margin-bottom:4rem}.projects .project-container .box .project-image img{width:30rem}}@media screen and (max-width:600px){.projects .project-container .box .project-image img{width:20rem}.projects .project-container .box .project-1-text h2{font-size:1.2rem}.projects .project-container .box .project-1-text p{font-size:.7rem}.projects .project-container .box .project-1-text .links a{font-size:1rem}}@media screen and (max-width:400px){#projects{padding:0 .5rem}}.SkillsHead,.wrapper{padding:2rem 0}.skillbar{display:block;margin-bottom:30px;position:relative;width:100%}.skillbar-bar:before{background:#00a5ad;content:"";height:4px;position:absolute;width:100%;z-index:-1}.skillbar-bar{background:#00a5ad;height:5px;transition-property:width,background-color;width:0}.skillbar-title{font-size:1.2rem}.skill-bar-percent,.skillbar-title{color:#fff;display:inline-block;font-weight:600;text-transform:uppercase}.skill-bar-percent{float:right;font-size:1rem}@media screen and (max-width:600px){.skillbar-title{font-size:1rem}.skill-bar-percent{font-size:.8rem}}
/*# sourceMappingURL=main.f2b9241b.css.map*/