@import "https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,sans-serif}body{width:100%;height:auto;overflow-x:hidden}header{z-index:889;background-color:#ffffff1a;justify-content:space-between;align-items:center;width:100%;padding:15px 200px;transition:all .2s;display:flex;position:fixed;top:0;left:0}header.sticky{background-color:#3a6cf4;padding:10px 200px}header .brand{color:#fff;text-transform:uppercase;font-size:1.8em;font-weight:700;text-decoration:none}header .navigation{position:relative}header .navigation a{color:#fff;margin-left:30px;font-size:1em;font-weight:500;text-decoration:none}header .navigation a:hover{color:#3a6cf4}header .sticky .navigation a:hover{color:#000}section{padding:100px 200px}.main{align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.main .content{z-index:1;max-width:800px;position:relative}.main .content h2{color:#fff;z-index:1;font-size:2em;font-weight:500}.main .bg-video{object-fit:cover;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.main .content h2 span{font-size:2.8rem;font-weight:600}.animated-text{height:70px;position:relative;overflow:hidden}.animated-text h3{color:#4e9eff;letter-spacing:1px;font-size:3em;font-weight:700;line-height:70px}.animated-text h3:first-child{animation:6s ease-out infinite text-move}@keyframes text-move{0%,15%{margin-top:0}25%,40%{margin-top:-70px}50%,65%{margin-top:-140px}75%,90%{margin-top:-70px}to{margin-top:0}}.btn{color:#fff;text-transform:uppercase;letter-spacing:1px;background-color:#3a6cf4;border-radius:2px;margin-top:30px;padding:10px 20px;font-size:1em;font-weight:600;text-decoration:none;transition:all .5s;display:inline-block}.btn:hover{background-color:#235bf6}.media-icons{z-index:10;gap:30px;margin-top:50px;display:flex;position:relative}.media-icons a{color:#fff;z-index:10;font-size:25px;transition:all .3s;display:inline-block;position:relative}.title{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.section-title{color:#3a6cf4;margin-bottom:60px;font-size:2.2em;font-weight:800;position:relative}.section-title:before{content:"";background-color:#3a6cf4;width:140px;height:4px;position:absolute;top:56px;left:50%;transform:translate(-50%)}.section-title:after{content:"";background-color:#3a6cf4;border-radius:50%;width:15px;height:15px;position:absolute;top:50px;left:50%;transform:translate(-50%)}.about .content{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex;position:relative}.about .content .col-left{width:45%;position:relative}.about .content .col-right{width:50%;position:relative}.about .content .col-left .img-card{width:100%;min-height:450px;position:relative}.about .content .col-left .img-card img{object-fit:cover;border-radius:10px;width:100%;height:100%;position:absolute;top:0;left:0}.about .content .col-right .content-title{margin-bottom:20px;font-size:2em;font-weight:800}.about .content .col-right .paragraph-text{font-size:1em}.skills{background-color:#000}.skills .content{color:#fff;justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex;position:relative}.skills .content .col-left{width:46%;position:relative}.skills .content .col-left .content-title{margin-bottom:20px}.skills .content .col-right{width:46%;position:relative}.skills .content .col-right .bar{margin-bottom:15px;padding:10px}.skills .content .col-right .bar .info{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.skills .content .col-right .br .info span{font-size:18px;font-weight:500}.skills .content .col-right .bar .line{background-color:#ccc;border-radius:2px;width:100%;height:15px;position:relative}.skills .content .col-right .bar .line:before{content:"";border-radius:3px;height:100%;position:absolute;top:0;left:0}.skills .content .col-right .bar .html:before{background-color:#e45126;width:95%}.skills .content .col-right .bar .css:before{background-color:#0c73b8;width:90%}.skills .content .col-right .bar .javascript:before{background-color:#e3a324;width:80%}.skills .content .col-right .bar .python:before{background-color:#00f;width:85%}.skills .content .col-right .bar .php:before{background-color:#6d7eb8;width:65%}.services .content{flex-flow:wrap;justify-content:center;margin-top:20px;display:flex}.title p{text-align:center;width:80%;font-size:1em}.services .content .card{background-color:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:340px;margin:10px;padding:25px;transition:all .3s linear;display:flex;box-shadow:0 5px 25px #01010126}.services .content .card .service-icon{color:#3a6cf4;text-align:center;font-size:8rem;transition:all .3s linear}.services .content .card .info{text-align:center}.services .content .card .info h3{color:#3a6cf4;margin:10px;font-size:1.2rem;font-weight:700;transition:all .3s linear}.services .content .card:hover{color:#fff;background-color:#3a6cf4}.services .content .card:hover .service-icon,.services .content .card:hover .info h3{color:#fff;transform:translateY(-10px)}.work{background-color:#000016}.work .content{flex-flow:wrap;justify-content:center;margin-top:20px;display:flex}.work .content .card{width:340px;margin:15px}.work .content .card .card-img{border-radius:10px;width:100%;height:260px;position:relative;overflow:hidden}.work .content .card .card-img img{object-fit:cover;border-radius:10px;width:100%;height:100%;transition:all .3s linear;position:absolute;top:0;left:0}.work .content .card .service-icon{color:#3a6cf4;text-align:center;opacity:0;font-size:8rem;transition:all .3s linear}.work .content .card .card-img img:hover{opacity:.5;transform:scale(1.2)}.work .content .card:hover{color:#fff;opacity:1}.contact .content{flex-flow:column wrap;justify-content:center;margin-top:20px;display:flex}.contact .content .row{flex-flow:wrap;justify-content:center;display:flex}.contact .content .row .card{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:240px;margin:20px;padding:25px;display:flex;box-shadow:0 5px 25px #01010126}.contact .content .row .card .contact-icon{color:#3a6cf4;text-align:center;font-size:4em;transition:transform .5s}.contact .content .row .card:hover .contact-icon{transform:translateY(-10px)}.contact .content .row .card .info{text-align:center}.contact .content .row .card .info h3{color:#111;margin:10px;font-size:1.2em;font-weight:700}.contact .content .row .card .info span{color:#666;font-weight:500}.contact-form{background:#fff;border-radius:10px;max-width:600px;margin-top:50px;padding:50px;box-shadow:0 5px 25px #01010126}.contact-form h3{color:#111;text-align:center;margin-bottom:40px;font-size:1.6em;font-weight:600}.contact-form .input-box{width:100%;margin-bottom:20px;position:relative}.contact-form .input-box input,.contact-form .input-box textarea{color:#111;resize:none;border:1px solid #111;border-radius:5px;outline:none;width:100%;padding:10px;font-size:1em;font-weight:400}.contact-form .input-box .send-btn{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#3a6cf4;border:none;width:100%;font-size:1.1em;font-weight:500;transition:all .5s;display:inline-block}.contact-form .input-box .send-btn:hover{background:#235bf6}.footer{color:#fff;text-align:center;background:#000016;padding:2em}.footer .footer-title{font-size:20px;font-weight:600}.footer p{margin-top:10px;font-size:16px}.footer p a{color:#3a6cf4;font-weight:600;text-decoration:none}@media (width<=1040px){header{padding:12px 20px}header.sticky{padding:10px 20px}header .navigation{display:none}.navigation.active{z-index:889;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:380px;height:100%;transition:all .3s;display:flex;position:fixed;top:0;right:0;box-shadow:0 5px 25px #01010126}header .navigation a{color:#000;border-radius:5px;margin:10px;padding:10px 40px;font-size:1.2em}header .navigation a:hover{color:#fff;background-color:#3a6cf4;transition:all .3s}.menu-btn{cursor:pointer;background-image:url(/assets/menu-DFZUjdDw.png);background-position:50%;background-repeat:no-repeat;background-size:30px;width:40px;height:40px;margin:0 20px;transition:all .3s;position:absolute;right:0}.menu-btn.active{z-index:999;filter:invert();background-image:url(/assets/close-Cive7LDo.png);background-position:50%;background-repeat:no-repeat;background-size:25px;transition:all .3s}section{padding:80px 20px}.main .content h2{font-size:1em}.animated-text h3{font-size:2.2em}.section-title{font-size:1.8em}.about .content{flex-direction:column}.about .content .column{width:100%;position:relative}.about .content .col-right{margin-top:40px}.skills .content{flex-direction:column}.skills .content .column{width:100%;position:relative}.skills .content .col-right{margin-top:40px}.contact-form{padding:35px 40px}}.scrollToTop-btn{z-index:999;color:#fff;text-align:center;cursor:pointer;pointer-events:none;opacity:0;background:#3a6cf4;border-radius:3px;width:45px;height:45px;font-size:22px;line-height:45px;transition:all .3s;position:fixed;bottom:10px;right:0}