@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap);*{border:0;box-sizing:border-box;list-style-type:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-bg:#1f1f38;--color-bg-variant:#2c2c6c;--color-primary:#4db5ff;--color-primary-variant:rgba(77,181,255,.4);--color-white:#fff;--color-light:hsla(0,0%,100%,.6);--transition:all 400ms ease;--container-width-lg:75%;--container-width-md:86%;--container-width-sm:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{background:#1f1f38;background:var(--color-bg);color:#fff;color:var(--color-white);font-family:Poppins,sans-serif}.container{margin:0 auto;padding-top:8vh;width:75%;width:var(--container-width-lg)}h1,h2,h3,h4,h5{font-weight:500}h1{font-size:2.5rem}.btn-primary{background:#4db5ff;background:var(--color-primary);border-radius:.4rem;color:#1f1f38;color:var(--color-bg);cursor:pointer;padding:10px;transition:all .4s ease;transition:var(--transition)}.primary{color:#4db5ff;color:var(--color-primary)}img{display:block;object-fit:cover;width:100%}@media screen and (max-width:1024px){.container{width:86%;width:var(--container-width-md)}.section{margin-top:6rem}}@media screen and (max-width:600px){.container{width:90%;width:var(--container-width-sm)}.section>h2{margin-top:2rem}}.title{font-size:45px;margin-bottom:80px;padding:20px;text-align:center}.aboutSection{align-items:center;display:flex;margin:80px auto}.aboutSection,.allCard{justify-content:space-between}.allCard{grid-gap:40px;display:grid;grid-template-columns:repeat(2,1fr);margin-left:20px}.card{border:1px solid #4d4d8c;border-radius:20px;padding:15px;text-align:center;transition:.5s;width:170px}.card:hover{background:#2c2c6c;border:1px solid #1f1f38;cursor:pointer;-webkit-transform:scale(1.2);transform:scale(1.2)}.card:hover .icon{color:#4db5ff;-webkit-transform:rotateY(1turn) scale(1.3,1.2);transform:rotateY(1turn) scale(1.3,1.2)}.icon{font-size:30px;transition:.9s}.myInfo p{font-size:20px}@media only screen and (max-width:768px){.aboutSection{flex-direction:column;row-gap:60px}}@media only screen and (max-width:480px){.allCard{grid-template-columns:repeat(1,1fr)}.card{width:100%}}.technologies{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.technologies img{gap:40px;margin:auto;transition:.9s;width:50px}.skillImage{gap:40px;width:200px}fieldset{border:1px solid #4b4b8e;border-radius:20px;padding:20px}fieldset legend{font-size:20px;padding:10px;text-align:center}.skills h3{position:absolute}.skillImage{background-color:#2d2d6963;border-radius:1rem;cursor:pointer;padding:2rem 3rem;text-align:center;transition:all .5s}.skillImage h4{padding-top:20px;transition:1s}.skillImage:hover{background:#2c2c6c;-webkit-transform:scale(1.1);transform:scale(1.1)}.skillImage:hover img{-webkit-transform:rotateY(1turn);transform:rotateY(1turn)}.services{display:flex;flex-wrap:wrap;justify-content:center}.service{border-radius:4px;display:block;margin:12px;overflow:hidden;position:relative;text-decoration:none;width:200px;width:220px;z-index:0}.service:before{background:#2c2c6c;content:"";height:32px;position:absolute;right:-16px;top:-16px;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:32px;z-index:-1}.service:hover:before{-webkit-transform:scale(31);transform:scale(31)}.service:hover{cursor:pointer}.service h3{background:#4db5ff;color:#1f1f38;margin-bottom:8px;padding:3px 0;text-align:center}.service img{margin:4px auto;width:150px}.service .small{padding:5px;text-align:start}@media only screen and (max-width:992px){.services{grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:768px){.services{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:480px){.services{grid-template-columns:repeat(1,1fr)}.service{width:100%}}.wrapper{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.project-card{background:#2c2c6c;border-radius:10px;cursor:pointer;height:350px;overflow:hidden;position:relative;width:250px}.project-card img{height:50%;width:100%}.card-txt{padding:5px}.all-tec{margin:5px}.technology{border:1px solid rgba(98,130,218,.786);border-radius:50px;display:inline-block;margin-right:5px;padding:2px 5px}.technology:hover{background-color:#4db5ff}.all-btn{background:rgba(0,0,0,.341);display:flex;height:100%;position:absolute;text-align:center;visibility:hidden;width:100%}.all-btn button{border-radius:50%;cursor:pointer;height:60px;margin:auto;padding:5px;width:60px}.all-btn button a{font-size:30px}.all-btn .live:hover{background:#000;color:#fff}.all-btn .live:hover a{color:#fff}.all-btn .github:hover{background:#000;color:#fff}.all-btn .github:hover a{color:#fff}.project-card:hover .all-btn{bottom:0;visibility:visible}@media only screen and (max-width:768px){.wrapper{grid-template-columns:repeat(1,1fr)}.project-card{margin:0 auto;width:80%;width:100%}}.blog-card{border-radius:5px;display:flex;flex-direction:column;font-family:sans-serif;line-height:1.4;margin:1rem auto 1.6%;overflow:hidden;z-index:0}.blog-card a{color:inherit}.blog-card a:hover{color:#5ad67d}.blog-card:hover .photo{-webkit-transform:scale(1.3) rotate(3deg);transform:scale(1.3) rotate(3deg)}.blog-card .meta{height:200px;position:relative;z-index:0}.blog-card .photo{background-position:50%;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.blog-card .details,.blog-card .details ul{list-style:none;margin:auto;padding:0}.blog-card .details{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:.9rem;left:-100%;margin:auto;padding:10px;position:absolute;top:0;transition:left .2s;width:100%}.blog-card .details a{-webkit-text-decoration:dotted underline;text-decoration:dotted underline}.blog-card .details ul li{display:inline-block}.blog-card .details .author:before{content:"\f007";font-family:FontAwesome;margin-right:10px}.blog-card .details .date:before{content:"\f133";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags ul:before{content:"\f02b";font-family:FontAwesome;margin-right:10px}.blog-card .details .tags li{margin-right:2px}.blog-card .details .tags li:first-child{margin-left:-4px}.blog-card .description{background:#2c2c6c;padding:1rem;position:relative;z-index:1}.blog-card .description h1,.blog-card .description h2{font-family:Poppins,sans-serif}.blog-card .description h1{font-size:1.7rem;line-height:1;margin:0}.blog-card .description h2{color:#a2a2a2;font-size:1rem;font-weight:300;margin-top:5px;text-transform:uppercase}.blog-card .description .read-more{text-align:right}.blog-card .description .read-more a{color:#5ad67d;display:inline-block;position:relative}.blog-card .description .read-more a:after{content:"\f061";font-family:FontAwesome;margin-left:-10px;opacity:0;transition:margin .3s,opacity .3s;vertical-align:middle}.blog-card .description .read-more a:hover:after{margin-left:5px;opacity:1}.blog-card p{margin:1rem 0 0;position:relative}.blog-card p:first-of-type{margin-top:1.25rem}.blog-card p:first-of-type:before{background:#5ad67d;border-radius:3px;content:"";height:5px;position:absolute;top:-.75rem;width:35px}.blog-card:hover .details{left:0}.blogs-btn{background-color:#4db5ff;border:1px solid #4db5ff;border-radius:.2rem;cursor:pointer;display:block;font-size:17px;margin:40px auto;padding:10px;transition:.4s;width:130px}@media (min-width:640px){.blog-card{flex-direction:row;max-width:700px}.blog-card .meta{flex-basis:40%;height:auto}.blog-card .description{flex-basis:60%}.blog-card:before{background:#fff;bottom:0;content:"";left:-50px;position:absolute;top:0;width:30px;z-index:-1}.blog-card.alt{flex-direction:row-reverse}.blog-card.alt .description:before{left:inherit;right:-10px;-webkit-transform:skew(3deg);transform:skew(3deg)}.blog-card.alt .details{padding-left:25px}}.contact-sec{align-items:center;display:flex;justify-content:space-around;margin:20px}.send-message{display:flex;flex-direction:column;margin:20px 0;row-gap:10px;width:60%}.send-message input,textarea{background:transparent;border:1px solid #4b4b8e;border-radius:10px;color:#4db5ff;margin-bottom:10px;padding:10px;resize:none}.msg-sent:active{-webkit-transform:translateY(3px);transform:translateY(3px)}.icons{margin:20px 0;transition:.3s}.icons button{background-color:transparent;border:1px solid #4db5ff;border-radius:50%;font-size:25px;margin-right:30px;padding:6px 10px;transition:.3s}.icons button a{color:#fff}.icons button:hover{background-color:#4db5ff}.icons button:hover a{color:#000}.contact-icon{font-size:20px;margin-right:10px}@media only screen and (max-width:992px){.contact-sec{flex-direction:column}}.banner{align-items:center;display:flex;margin:70px auto 200px}.pro-img{border-radius:10px;-webkit-filter:sepia(80%);filter:sepia(80%);transition:-webkit-filter .8s ease;transition:filter .8s ease;transition:filter .8s ease,-webkit-filter .8s ease;z-index:5}.pro-img:hover{-webkit-filter:grayscale(30%);filter:grayscale(30%)}.button{background-color:transparent;border:1px solid #4db5ff;border-radius:.4rem;color:#4db5ff;cursor:pointer;margin:10px 10px 10px 0;padding:10px;transition:.4s}.button:hover{background-color:#4db5ff}.button a{color:#fff}.button:hover a{color:#000}.bannerText{margin-bottom:20px;width:80%}.bannerText p{font-weight:300}@media only screen and (max-width:992px){.banner{flex-direction:column;row-gap:60px}.banner-content{order:2}.pro-img{border-radius:50px;order:1;width:300px}}*,:after,:before{box-sizing:border-box;margin:0}li{list-style:none}a{color:#000;font-size:18px;text-decoration:none}.nav{align-items:center;background:#4db5ff;display:flex;height:8vh;justify-content:space-around;position:-webkit-sticky;position:sticky;top:0;z-index:5}.nav__brand{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:25px;text-transform:uppercase}.nav__menu{align-items:center;display:flex;gap:2rem;justify-content:space-around}.nav__toggler{display:none}.nav__toggler div{background:#ccc;height:.2rem;margin:.4rem;transition:.3s ease-in;width:2.5rem}.underline-effect{display:inline-block;padding-bottom:.25rem;position:relative}.underline-effect:before{background-color:#fff;bottom:0;content:"";height:2px;position:absolute;transition:width .25s ease-in;width:0}.underline-effect:hover:before{width:100%}@media screen and (max-width:992px){.nav__toggler{cursor:pointer;display:block}.nav__menu{background:#4db5ff;flex-direction:column;height:93vh;overflow:hidden;position:fixed;right:0;top:7vh;-webkit-transform:translateX(100%);transform:translateX(100%);transition:.5s ease-in;width:100%;z-index:1}}.nav__active{-webkit-transform:translateX(0);transform:translateX(0)}.toggle .line1{-webkit-transform:rotate(-45deg) translate(-4px,5px);transform:rotate(-45deg) translate(-4px,5px)}.toggle .line2{opacity:0}.toggle .line3{-webkit-transform:rotate(45deg) translate(-4px,-5px);transform:rotate(45deg) translate(-4px,-5px)}.footer{background:#2c2c6c;text-align:center}.footer p{padding:30px 0}
/*# sourceMappingURL=main.c5ab3204.css.map*/