@import url(https://cdn.jsdelivr.net/npm/boxicons@2.1.1/css/boxicons.min.css);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;font-family:Poppins,sans-serif;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}:root{--bg-color:#1f242d;--second-bg-color:#323946;--main-color:#0ef;--text-color:#fff}html{font-size:62.5%;overflow-x:hidden}body{color:#fff;color:var(--text-color)}.header,body{background:#1f242d;background:var(--bg-color)}.header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;left:0;padding:2rem 9%;position:fixed;top:0;width:100%;z-index:100}.main-logo a{font-size:3rem;font-weight:600}.main-logo a,.nav-bar a{color:#fff;color:var(--text-color);text-decoration:none}.nav-bar a{font-size:1.7rem;margin-left:4rem;transition:.3s}.nav-bar a.active,.nav-bar a:hover{color:#0ef;color:var(--main-color)}#menu-cross,#menu-icon{color:#fff;color:var(--text-color);display:none;font-size:3.6rem}section{min-height:100vh;padding:10rem 9% 2rem}.home{align-items:center;display:flex;justify-content:space-between}.home-content h3{font-size:3.2rem;font-weight:600}.wave{animation-duration:2s;animation-iteration-count:infinite;animation-name:wave-animation;display:inline-block;transform-origin:80% 70%}@keyframes wave-animation{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.home-content h4{font-size:2.7rem;font-weight:600}.home-content h3:nth-of-type(2){margin-bottom:2rem}.home-content h1{font-size:3.5rem;font-weight:600;line-height:1.3}.home-img{width:35vw}.home-img img{height:100%;margin:50px 0;width:100%}.social-media a{align-items:center;background:#0000;border:.2rem solid #0ef;border:.2rem solid var(--main-color);border-radius:50%;color:#0ef;color:var(--main-color);display:inline-flex;font-size:2rem;height:4rem;justify-content:center;margin:3rem 1.5rem 3rem 0;text-decoration:none;transition:.5s ease;width:4rem}.btn,.social-media a:hover{background:#0ef;background:var(--main-color);box-shadow:0 0 1rem #0ef;box-shadow:0 0 1rem var(--main-color);color:#323946;color:var(--second-bg-color)}.btn{border-radius:4rem;display:inline-block;font-size:1.6rem;font-weight:600;letter-spacing:.1rem;padding:1rem 2.8rem;transition:.5 ease}.btn:hover{box-shadow:none}#mainimg{border:2px solid #d0ff8a;border-radius:8%}.about{background:#323946;background:var(--second-bg-color);display:flex;gap:2rem;justify-content:center}.about,.heading{align-items:center}.heading{color:#0ef;color:var(--main-color);font-size:4.5rem}.about-img img{width:30vw}.about-content h2{align-items:left;line-height:1.2}.about-content h3{font-size:2rem}.about-content p{font-size:1.6rem;margin:2rem 0 3rem}.card-title{color:#85f003}.card-text{color:#28f1c5}.card-texts{color:#ffa9a9}.heading-projects{color:#0ef;color:var(--main-color);font-size:4.5rem;text-align:center}.cards-container{display:flex;gap:50px;justify-content:center;margin-top:6rem}.card{border:1px solid #ccc;border-radius:25px;color:#1f242d;color:var(--bg-color);display:block;margin-left:auto;margin-right:auto;margin-top:3rem;padding:20px;text-align:center;transition:.5s ease;width:350px}.card:hover{border-color:#0ef;border-color:var(--main-color);transform:scale(1.02)}.card img{margin-bottom:10px;max-height:250px;object-fit:cover;width:100%}.card h2{font-size:24px;margin-bottom:10px}.line{background-color:#1f242d;background-color:var(--bg-color);height:1px;width:100%}.card-title{font-size:2rem}.card p{font-size:14px;margin-bottom:20px}.button-container{display:flex;justify-content:space-between;margin-top:20px}.action-button{background-color:initial;background-image:linear-gradient(107deg,#ff4141 18.56%,#a60ed2 94%);border-radius:4rem;box-shadow:0 0 1rem #ff4141;color:#1f242d;font-size:1.3rem;font-weight:600;letter-spacing:.1rem;padding:7.5px 15px;text-decoration:none;transition:.5 ease}.action-button:hover{box-shadow:none}.col-md-4,.col-md-8{height:100%;width:100%}.skill-section{background:#323946;background:var(--second-bg-color);height:auto;padding:80px 13%;width:100%}.header-skill-head{display:grid;margin-bottom:70px;place-items:center;align-items:center;font-size:1.5rem;width:100%}.header-skill-head h2{color:#0ef;color:var(--main-color);font-size:4.5rem}.skill-main{grid-column-gap:15%;grid-row-gap:20px;display:grid;font-size:2rem;grid-template-columns:repeat(2,1fr);width:100%}@media (max-width:768px){.skill-main{display:block}.skill-bar{margin-top:3rem}}.skill-main .skill-bar .info{display:flex;justify-content:space-between;padding:0 10px}.skill-main .skill-bar .percent{font-weight:700}.skill-bar .bar{background-color:#8e9196;border-radius:25px;height:10px;position:relative;width:100%}.skill-bar .bar span{background-color:#0ef;background-color:var(--main-color);height:100%;position:absolute;width:50%}.skill-box{background-color:#000;border:2px solid #fff;border-radius:10px;color:#fff;margin:5px;padding:6px}.skill-bar .bar .html{animation:html 3s;width:90%}@keyframes html{0%{width:0}to{width:90%}}.skill-bar .bar .css{animation:css 3s;width:75%}@keyframes css{0%{width:0}to{width:75%}}.skill-bar .bar .javascript{animation:javascript 3s;width:85%}@keyframes javascript{0%{width:0}to{width:85%}}.skill-bar .bar .bootstrap{animation:bootstrap 3s;width:70%}@keyframes bootstrap{0%{width:0}to{width:70%}}.skill-bar .bar .react{animation:react 3s;width:80%}@keyframes react{0%{width:0}to{width:80%}}.skill-bar .bar .node{animation:node 3s;width:70%}@keyframes node{0%{width:0}to{width:70%}}.skill-bar .bar .express{animation:express 3s;width:70%}@keyframes express{0%{width:0}to{width:70%}}.skill-bar .bar .mysql{animation:mysql 3s;width:70%}@keyframes mysql{0%{width:0}to{width:70%}}.contact h2{margin-bottom:3rem}.contact .heading,.contact form{text-align:center}.contact form{margin:1rem auto 3rem;max-width:70rem}.contact form .input-box{display:flex;flex-wrap:wrap;justify-content:space-between}.contact form .input-box input,.contact form textarea{background:#323946;background:var(--second-bg-color);border-radius:.8rem;color:#fff;color:var(--text-color);font-size:1.6rem;margin:.7rem 0;padding:1.5rem;width:100%}.contact form .btn{margin-top:2rem}.footer-section a{background:#0000;color:#0ef;color:var(--main-color);font-size:small;text-decoration:none;transition:.5s ease}.footer-section a:hover{background:#0ef;background:var(--main-color);border-radius:6px;box-shadow:0 0 1rem #0ef;box-shadow:0 0 1rem var(--main-color);color:#323946;color:var(--second-bg-color)}.footer{background:#323946;background:var(--second-bg-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding:2rem 9%}.footer-text p{font-size:1.6rem}.footer-icon a{align-items:center;background:#0ef;background:var(--main-color);border-radius:.8rem;display:inline-flex;justify-content:center;padding:.8rem;text-decoration:none;transition:.5s ease}@media (max-width:768px){.footer-icon a{display:inline-block}}.footer-icon a:hover{box-shadow:0 0 1rem #0ef;box-shadow:0 0 1rem var(--main-color)}.footer-icon a i{font-size:2.6rem}@media (max-width:1200px){html{font-size:55%}}@media (max-width:991%){.header{padding:2rem 3%}.section{padding:10rem 3% 2rem}.footer{padding:2rem 3%}}@media (max-width:768px){#menu-cross,#menu-icon{display:block;font-size:5rem}.navbar{background-color:#1f242d;background-color:var(--bg-color);flex-direction:column;height:87vh;position:absolute;right:0;top:6.5vh;width:50%}.navbar a{display:block;font-size:2rem;margin:4rem 0}.nav-item{display:none}.home{flex-direction:column}.home-content{margin-top:4rem;width:100%}.home-content h3{font-size:2.6rem}.home-content h4{width:100%}.home-content h1{font-size:4rem}.home-img{margin-bottom:6rem;width:70vw}.about{flex-direction:column-reverse}.about img{width:70vw}}.profesion{color:#fff7d4}.namesss{color:#a2d0ff}@media (max-width:468px){#menu-cross,#menu-icon{display:block;font-size:3rem}.navbar{background-color:#1f242d;background-color:var(--bg-color);flex-direction:column;height:80vh;position:absolute;right:0;top:9vh;width:50%}.navbar a{font-size:1.5rem}.home-content h1{font-size:3.5rem}.cards-container{align-items:center;display:block;gap:4px;justify-content:center;margin-left:5rem;margin-top:6rem}.card{margin-top:4rem;text-align:center;width:240px}.card img{margin-bottom:10px;max-height:200px;object-fit:cover;width:100%}.card h2{font-size:12px}.card h2,.card p{margin-bottom:10px}.card p{font-size:1.3rem}.button-container{display:flex;justify-content:space-between;margin-top:10px}.action-button{color:#1f242d;font-size:11px;font-weight:600;letter-spacing:.1rem;padding:3.7px 7.5px;text-decoration:none}.footer-icon a{margin-left:33rem}}.footer{align-items:center;background-color:#333;color:#fff;font-family:Roboto,sans-serif;justify-content:center;padding:50px 20px;text-align:center}.footer-content{display:flex;flex-wrap:wrap}.footer-section{margin-bottom:0}.footer-section h3{color:#f2f2f2;font-size:20px;margin-bottom:15px}.footer-section p,.footer-section ul{font-size:14px;line-height:1.6}.footer-section ul{list-style-type:none;padding:0}.footer-section ul li{margin-bottom:10px}.footer-section ul li a{align-items:center;color:#0ef;display:flex;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.social-links{display:flex;list-style-type:none;margin:0;padding:0}.social-links li{margin-right:10px}.social-links li a{color:#fff;font-size:20px;text-decoration:none}.social-links li a:hover{color:#e0e0e0}.footer-credit{color:#c6fb85;font-size:15px;margin-bottom:10px;margin-top:10px;text-align:center}.education{padding:50px 0;text-align:center}.heading{font-size:2.5rem;margin-bottom:30px}.heading i{margin-right:10px}.heading span{color:#007bff}.quote{font-style:italic;margin-bottom:30px}.box-container{display:flex;flex-wrap:wrap;justify-content:center}.box{border:1px solid #4c8ccb;border-radius:9px;box-shadow:0 0 10px #0000001a;margin:20px;max-width:400px;padding:20px;width:100%;.image{margin-bottom:20px}.content{text-align:left}.content h3{font-size:1.5rem}.content h3,.content p{margin-bottom:10px}.content h4{color:#6c757d;font-size:1rem;font-weight:400;margin-top:5px}}.educa{color:#44ad03}.clg{color:#a60ed2}.sppu{color:#067373}
/*# sourceMappingURL=main.f908219a.css.map*/