@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";*{padding:0;margin:0}::-webkit-scrollbar{height:5px;width:10px}::-webkit-scrollbar-thumb{background:#6495ed;border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px}::-webkit-scrollbar-thumb:hover{background:#407be9}.hide{display:none!important}@keyframes type{0%{width:0}to{width:var(--width)}}canvas{aspect-ratio:auto 300/567!important;overflow-clip-margin:content-box!important;overflow:clip!important}a,h1,h2,h3,h4,h5,h6{font-family:Roboto,sans-serif!important;font-weight:600}button,label,p,span{font-family:Open Sans,sans-serif!important;font-weight:300}body{position:relative;font:normal 75% Arial,Helvetica,sans-serif;overflow-x:hidden!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.intro{height:100vh;width:100%;background:#1d1414;top:0;left:0;position:fixed;z-index:100}.intro h1{--width:18ch;overflow:hidden;white-space:nowrap;text-align:center;border-right:2px solid #fff;animation:type 2s ease-in-out forwards;-webkit-animation:type 2s ease-in-out forwards}.theme-btn{position:fixed;z-index:100;right:0!important;top:0}.theme-btn .form-switch{font-size:18px}.theme-btn:before{content:"";position:absolute;right:0;top:0;z-index:-1;border-color:#407be9 #232d3f transparent transparent;border-style:solid;border-width:50px}nav#section-content{color:#fff;width:-moz-fit-content;width:fit-content;position:fixed;bottom:5%;left:50%;z-index:50;padding:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}nav#section-content li{border:2px solid transparent;height:40px;width:40px;position:relative;cursor:pointer}nav#section-content li i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}nav#section-content .active{color:#232d3f!important;border:2px solid #232d3f;background:#fff!important;border-radius:50px!important;padding:.6rem;-webkit-border-radius:50px!important;-moz-border-radius:50px!important;-ms-border-radius:50px!important;-o-border-radius:50px!important;animation:scale .7s ease-in-out infinite alternate;-webkit-animation:scale .7s ease-in-out infinite alternate}nav#section-content .active:is(:hover,:focus){color:#232d3f}@keyframes scale{0%{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}to{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05)}}.hero-image img{border-radius:15px;border-top-right-radius:50%;border-bottom-left-radius:50%;border-left:10px solid #6495ed;border-right:10px solid #6495ed}.hero-content{overflow:hidden}.hero-content .first_name{color:#6495ed}.hero-content .first_name,.hero-content .last_name{font-size:45px;font-weight:bolder;text-transform:uppercase}.hero-content .last_name{color:transparent;fill:transparent;-webkit-text-stroke:1px #6495ed}.hero-content .skill-group{text-transform:capitalize;overflow:hidden;width:100%}.hero-content .skill-base{width:100%}.hero-content .skill-base h3{position:relative}.hero-content .skill-base h3:before{right:76%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.hero-content .skill-base h3:after,.hero-content .skill-base h3:before{content:"";position:absolute;top:50%;height:2px;margin-left:1%;width:50%;background:#474f7a}.hero-content h2{position:relative}#about-me .about-content .content-section img{width:75%;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.about-content h3,.contact-image h3{--width:20ch;overflow:hidden;white-space:nowrap;animation:type 3s ease-in-out infinite alternate;-webkit-animation:type 3s ease-in-out infinite alternate}.button-group a{letter-spacing:2px;color:#fff;border:none}.button-group a,.button-group a:first-child{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.button-group a:first-child:hover{color:#fff;letter-spacing:4px;background:#1b1b2f}.button-group a:nth-child(2){transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.button-group a:nth-child(2):hover{color:#fff;letter-spacing:4px;background:#2d4263}#service .card ul{list-style-type:" ♦"}#service .card ul li{font-size:13px;padding:10px;color:#0f0f0f}#service .card ul li:hover{color:#6495ed}[data-bs-theme=dark] #service .card ul li{color:#fff}[data-bs-theme=dark] #service .card ul li:hover{color:#6495ed}.project-content .project-photo .card h5,.project-content .project-photo .card p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:1;-webkit-line-clamp:1}.project-content .project-photo .card p{font-size:10px}.project-content .project-photo .project-hover{border:2px solid #6495ed;background:#282a3a;color:#fff;position:relative;overflow:hidden;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.project-content .project-photo .project-hover img{aspect-ratio:1;background-position:50%;overflow:hidden;z-index:0;transform:scale(.95);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95)}.project-content .project-photo .project-hover button,.project-content .project-photo .project-hover img{transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.project-content .project-photo .project-hover button{position:absolute;font-size:12px;padding:.5rem 1rem!important;top:50%;left:50%;border:none;transform:translate(-50%,-50%) scale(0);-webkit-transform:translate(-50%,-50%) scale(0);-moz-transform:translate(-50%,-50%) scale(0);-ms-transform:translate(-50%,-50%) scale(0);-o-transform:translate(-50%,-50%) scale(0)}.project-content .project-photo .project-hover button:hover{color:#fff;background:#232d3f!important}.project-content .project-photo .project-hover:before{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;z-index:-1;background:#0f0f0f!important;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-ms-transition:all .7s linear;-o-transition:all .7s linear}.project-content .project-photo .project-hover:after{content:"";position:absolute;top:0;right:-100%;height:100%;width:100%;z-index:-1;background:#232d3f!important;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out}.project-content .project-photo .project-hover:hover{background:transparent!important}.project-content .project-photo .project-hover:hover button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);-webkit-transform:translate(-50%,-50%) scale(1);-moz-transform:translate(-50%,-50%) scale(1);-ms-transform:translate(-50%,-50%) scale(1);-o-transform:translate(-50%,-50%) scale(1)}.project-content .project-photo .project-hover:hover:before{left:-50%}.project-content .project-photo .project-hover:hover:after{right:-50%}.project-btn-link{background:#6495ed;letter-spacing:5px;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;border:none!important}.project-btn-link:hover{background:#232d3f!important}.contact-image i,.skill-content i{font-size:2rem}.skills-content{background:transparent}.skill-section{display:flex;flex-wrap:wrap;gap:1.5rem}.skill-section .card{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease-in-out;gap:5px;border-width:3px!important;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;height:130px;width:160px}.skill-section .card i{font-size:2.5rem}.skill-section .card img{height:40px;width:40px}.skill-section .card h5{letter-spacing:1px;text-transform:uppercase}.skill-section .card:hover{transform:scale(1.07);-webkit-transform:scale(1.07);-moz-transform:scale(1.07);-ms-transform:scale(1.07);-o-transform:scale(1.07)}.skills-items .items{border:2px solid transparent;background:#282a3a;color:#fff;position:relative;overflow:hidden;border-radius:1rem!important;-webkit-border-radius:1rem!important;-moz-border-radius:1rem!important;-ms-border-radius:1rem!important;-o-border-radius:1rem!important;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.skills-items .items:before{left:-100%;background:#0f0f0f!important;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-ms-transition:all .7s linear;-o-transition:all .7s linear}.skills-items .items:after,.skills-items .items:before{content:"";position:absolute;top:0;height:100%;width:100%;z-index:-1}.skills-items .items:after{right:-100%;background:#232d3f!important;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out}.skills-items .items:hover{border:2px solid #6495ed;background:transparent!important;box-shadow:0 7px 40px 10px rgba(0,0,0,.8);-webkit-box-shadow:0 7px 40px -10px rgba(0,0,0,.3);-moz-box-shadow:0 7px 40px -10px rgba(0,0,0,.3)}.skills-items .items:hover:before{left:-50%}.skills-items .items:hover:after{right:-50%}.contact-image .gmail,.contact-image .whatsapp{border:2px solid #6495ed;background:#282a3a;color:#fff;position:relative;overflow:hidden;border-radius:1rem!important;-webkit-border-radius:1rem!important;-moz-border-radius:1rem!important;-ms-border-radius:1rem!important;-o-border-radius:1rem!important;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.contact-image .gmail:before,.contact-image .whatsapp:before{content:"";position:absolute;top:0;left:-100%;height:100%;width:100%;z-index:-1;background:#0f0f0f!important;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-ms-transition:all .7s linear;-o-transition:all .7s linear}.contact-image .gmail:after,.contact-image .whatsapp:after{content:"";position:absolute;top:0;right:-100%;height:100%;width:100%;z-index:-1;background:#232d3f!important;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out}.contact-image .gmail:hover,.contact-image .whatsapp:hover{background:transparent!important;box-shadow:0 7px 40px 10px rgba(0,0,0,.8);-webkit-box-shadow:0 7px 40px -10px rgba(0,0,0,.3);-moz-box-shadow:0 7px 40px -10px rgba(0,0,0,.3)}.contact-image .gmail:hover:before,.contact-image .whatsapp:hover:before{left:-50%}.contact-image .gmail:hover:after,.contact-image .whatsapp:hover:after{right:-50%}.contact-info{border:2px solid #6495ed;background:#282a3a;color:#fff;position:relative;overflow:hidden;border-radius:1rem!important;-webkit-border-radius:1rem!important;-moz-border-radius:1rem!important;-ms-border-radius:1rem!important;-o-border-radius:1rem!important;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.contact-info h5{position:relative;z-index:2}.contact-info h5:before{left:0;transform-origin:center center;background:#6495ed;transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);-webkit-transform:scaleX(0);transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}.contact-info h5:before,.contact-info:before{content:"";position:absolute;top:0;height:100%;width:100%;z-index:-1}.contact-info:before{left:-100%;background:#0f0f0f!important;transition:all .7s linear;-webkit-transition:all .7s linear;-moz-transition:all .7s linear;-ms-transition:all .7s linear;-o-transition:all .7s linear}.contact-info:after{content:"";position:absolute;top:0;right:-100%;height:100%;width:100%;z-index:-1;background:#232d3f!important;transition:all .7s ease-in-out;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out}.contact-info:hover{box-shadow:0 7px 40px 10px rgba(0,0,0,.8);-webkit-box-shadow:0 7px 40px -10px rgba(0,0,0,.3);-moz-box-shadow:0 7px 40px -10px rgba(0,0,0,.3)}.contact-info:hover:before{left:-50%}.contact-info:hover:after{right:-50%}.contact-info:hover h5{border-color:#2d4263!important}.contact-info:hover h5:before{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}.title span{color:#fff}button.input-button{color:#fff;letter-spacing:3px;background:#232d3f;border:1px solid #fff;outline:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}button.input-button:hover{background:#6495ed;border-radius:5px;letter-spacing:6px;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}form input,form textarea{background:transparent!important;color:#fff!important;border:none!important;border-bottom:1px solid #fff!important;box-shadow:none!important;border-radius:none!important;-webkit-border-radius:none!important;-moz-border-radius:none!important;-ms-border-radius:none!important;-o-border-radius:none!important;caret-color:#6495ed}form input:focus,form textarea:focus{border-bottom:1px solid #6495ed!important}form input::placeholder,form textarea::placeholder{color:#fff!important;opacity:.5!important}.footer-content div span{position:relative;z-index:2}.footer-content div span:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;z-index:-1;background:#6495ed;animation:footer 3s ease-in-out infinite;-webkit-animation:footer 3s ease-in-out infinite}@keyframes footer{0%,to{transform-origin:center center;transform:scaleX(0);-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0)}25%{transform-origin:center center;transform:scaleY(1);-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);background:#e74033}50%{transform:scaleY(0);-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0)}75%{transform:scaleX(1);-webkit-transform:scaleX(1);-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1)}}.footer-menu a{font-weight:700;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.footer-menu a:hover{transform:translateY(-5px);color:#6495ed;-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px)}.social-media a{display:flex;aspect-ratio:1;align-items:center;border:1.5px solid #6495ed;background:#6495ed;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.social-media a:hover{background:#fff;transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.social-media a:hover i{color:#6495ed}@media(max-width:500px){#about-me .about-content .content-section img{width:100%}.hero-content .first_name,.hero-content .last_name{font-size:30px}}