@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{background-color:#ebf4fa;color:#000}html{font-family:Poppins,sans-serif;scroll-behavior:smooth}.container{margin:0 auto;padding-inline:10px;width:100%}@media screen and (min-width:576px){.container{width:540px}}@media screen and (min-width:768px){.container{width:720px}}@media screen and (min-width:992px){.container{width:970px}}@media screen and (min-width:1200px){.container{width:1024px}}@media screen and (min-width:1400px){.container{width:1320px}}.btn{border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:700;height:40px;margin-block:10px;text-align:center;width:150px}.btn.primary{background-color:#f95353}.btn.secondary{background-color:#0f1024;margin:0 auto}.btn.secondary:hover{background-color:#f95353}.btn a{color:inherit;text-decoration:none}.App{padding-top:70px}header{align-items:center;background:linear-gradient(90deg,hsla(0,0%,96%,.8),hsla(0,0%,96%,.8)),url(/static/media/common-bg.810f78928468f7fb7847.png);background-attachment:fixed;background-position:50%;background-size:cover;display:flex;height:400px;justify-content:space-between;overflow:hidden;position:relative;text-align:center}header .info{color:#000;line-height:1.6}.about a,header .info a{text-decoration:none}header .info h3{font-size:2.4rem}header .info p{line-height:1.7rem;margin-bottom:40px;margin-left:30px}header button{margin:0 auto}header .social{left:10px;position:absolute;top:100px}header .social ul{flex-direction:column;gap:10px}header .social ul a{color:#000;font-size:1.4rem}header .social ul a:hover{background-color:#f95353;color:#000}textarea{resize:none}.logo{background-color:#f95353;border-radius:50%;color:#fff;display:inline-block;font-size:1.7rem;font-weight:700;height:40px;line-height:40px;text-align:center;text-decoration:none;width:40px}.navbar{background-color:#0f1024;border-bottom:2px solid #f95353;position:fixed;top:0;width:100%;z-index:89}.navbar .container{height:70px;position:relative}.navbar .container,.navbar ul{align-items:center;display:flex;justify-content:space-between}.navbar ul{-webkit-column-gap:40px;column-gap:40px;list-style:none}.navbar ul a{border-radius:10px;color:#fff;font-size:1.1rem;padding:10px;position:relative;text-decoration:none;transition:.7s}.navbar ul a:hover{background-color:#f95353}.navbar ul a:hover:after{background-color:#f95353;bottom:-6px;content:"";height:2px;left:-1px;position:absolute;transition:.7s;width:100%}.navbar ul a.active{background-color:#f95353!important}.navbar ul .bars{display:none}@media (max-width:768px){.navbar ul{background-color:#ebf4fa;border-bottom:1px solid #f95353;flex-direction:column;height:0;justify-content:flex-start;left:0;overflow:hidden;position:fixed;top:72px;transition:height 1s;width:100%;z-index:79}.navbar ul li{color:#222;font-size:16px;font-weight:700;padding-top:3rem}.navbar ul a{color:#0f1024}.navbar ul a.active{color:#fafafa}}.navbar .bars{background-color:#f95353;border-radius:4px;color:#fff;display:none;font-size:2.3rem;padding:1px}@media (max-width:768px){.navbar .bars{display:block}}.about{padding:2rem 0}.about h2{color:#222;font-size:1.7rem;margin:10px 0;text-transform:uppercase}.about h3{margin-top:25px}.about p{color:#333;font-size:1.1rem;line-height:1.6;margin-bottom:10px}.translate{-webkit-transform:translateY(0);transform:translateY(0);transition:1s}.services{padding:0 0 1rem}.services h2{color:#222;font-size:1.7rem;margin:10px 0 2rem;text-transform:uppercase}.services .content{align-items:center;display:flex;flex-wrap:wrap;gap:30px 10px;justify-content:space-between}.services .content div{background-color:#fff;background-color:#fafafa;border:1px solid transparent;border-bottom:.6px solid #f95353;border-radius:10px;box-shadow:1px 1px 3px 7px #e7f0f6;min-height:200px;overflow:hidden;padding:10px;position:relative;transition:-webkit-transform .6s linear;transition:transform .6s linear;transition:transform .6s linear,-webkit-transform .6s linear;width:49%}@media (max-width:760px){.services .content div{margin:auto;width:90%}}.services .content div p{color:#333;line-height:1.6}.services .content div:hover{-webkit-transform:translateY(-20px);transform:translateY(-20px)}.services .content svg{color:#0f1024;display:block;font-size:3rem;margin:0 auto;text-align:center}.services .content h4{color:#f95353;font-size:1.4rem;margin:5px 0;text-align:center}.skills{padding:0 0 3rem}.skills h2{color:#222;font-size:1.7rem;margin:10px 0;text-transform:uppercase}.skills .container .skill{display:flex;flex-wrap:wrap;justify-content:center;padding-top:10px;width:100%}.skills .container .skill p{background:hsla(0,0%,60%,.2);border-radius:5px;color:#666;display:block;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;margin-right:1rem;padding:1rem 1.5rem;text-align:center;text-decoration:none;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear;width:130px}.skills .container .skill p:hover{-webkit-transform:translateY(-15px);transform:translateY(-15px)}.skills .container .skill p svg{color:#f95353;display:block;font-size:1.3rem;margin:0 auto}.projects{padding:3rem 0;transition:1s}.projects h2{color:#222;font-size:1.7rem;margin:10px 0 2rem;text-transform:uppercase}.projects .details,.projects .project{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;position:relative}.projects .details div.card,.projects .project div.card{background-color:#fff;border:1px solid transparent;border-radius:10px;box-shadow:1px 1px 3px 7px #e7f0f6;height:330px;min-height:200px;overflow:hidden;padding:10px;position:relative;width:49%}@media (max-width:760px){.projects .details div.card,.projects .project div.card{margin:auto;width:90%}}.projects .details div.card .text,.projects .details div.card img,.projects .project div.card .text,.projects .project div.card img{height:30%;width:100%}.projects .details div.card img,.projects .project div.card img{border-bottom:1px solid #fafafa;height:70%;padding-bottom:5px}.projects .details div.card .count,.projects .project div.card .count{background-color:#f95353;background-color:#0f1024;border-radius:7px 0 59px 0;color:#fff;display:block;height:35px;left:-6px;line-height:30px;position:absolute;text-align:center;top:-2px;width:40px}.projects .details div.card .project-name,.projects .project div.card .project-name{align-items:center;display:flex;font-size:1.4rem;justify-content:space-between}.projects .details div.card div.overlay,.projects .project div.card div.overlay{align-items:center;bottom:10px;display:flex;height:40px;justify-content:space-between;left:0;padding:10px;position:absolute;right:0}.projects .details div.card div.overlay a,.projects .project div.card div.overlay a{border:2px solid #f95353;border-radius:50px;color:#000;display:inline-block;font-size:14px;font-weight:700;margin-top:15px;overflow:hidden;padding:5px 15px;position:relative;text-decoration:none;text-transform:uppercase;transition:1s;z-index:1}.projects .details div.card div.overlay a:focus,.projects .details div.card div.overlay a:hover,.projects .project div.card div.overlay a:focus,.projects .project div.card div.overlay a:hover{color:#fff;text-decoration:none}.projects .details div.card div.overlay a:hover:before,.projects .project div.card div.overlay a:hover:before{border-radius:0;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0;top:0}.projects .details div.card div.overlay a:before,.projects .project div.card div.overlay a:before{background:#000;border-radius:50% 50% 0 0;content:"";height:100%;left:0;position:absolute;top:60px;transition:all .9s;width:100%;z-index:-1}.projects .details div.card div.overlay a,.projects .project div.card div.overlay a{background-color:#f95353;border-radius:5px;color:#fafafa;display:block;font-size:1rem;margin:0 auto}.projects .details{margin:10px auto;max-width:900px;padding-top:40px;width:95%}.projects .details div.card{height:700px;width:100%}.projects .details div.card .text{height:400px}@media (max-width:468px){.projects .details div.card,.projects .details div.card .text{height:auto}}.projects .details div.card img{height:300px}.projects .details .description{padding:20px;width:100%}.projects .details p{color:#333;line-height:1.5}.projects .details h3{margin-top:10px;width:70%}.comments{padding:20px 0}.comments h3{padding-bottom:15px}.comments .container{border:1px solid #fafafa;border-radius:10px;padding:30px 20px}.comments .comment{margin:0 auto;width:100%}.comments .comment i{font-size:1.1rem;margin:5px}.comments input,.comments textarea{background:rgba(235,244,250,.639);background-color:#fdfdfd;border:0;border-radius:10px;border-radius:0;height:120px;outline:0;padding:10px;width:100%}.comments input{height:40px;margin:10px 0}.comments button{background-color:#f95353;border:transparent;border-radius:1rem;color:#fff;cursor:pointer;display:block;font-size:13px;height:34px;line-height:34px;margin:0 auto;outline:0;padding:0 10px;width:100px}.comments .comment-content{align-items:center;align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin:10px 0}.comments .comment-content .comment-img{align-items:center;background-color:#fdfdfd;border-radius:50%;display:flex;height:55px;justify-content:center;width:60px}.comments .comment-content .comment-img i{color:#333;font-size:3rem}.comments .comment-content .comment-info{width:calc(100% - 70px)}.comments .comment-content .comment-title{align-items:center;display:flex;justify-content:space-between}.comments .comment-content .comment-title strong{display:block}.comments .comment-content .comment-title time{color:#0f1024;font-size:.9rem}.comments .comment-content .comment-body{background-color:#fff;border:1px solid transparent;border-radius:10px;border-radius:0;box-shadow:1px 1px 3px 7px #e7f0f6;color:#333;line-height:1.6;margin:10px auto!important;min-height:200px;min-height:auto;overflow:hidden;padding:10px;position:relative;width:49%;width:100%!important}@media (max-width:760px){.comments .comment-content .comment-body{margin:auto;width:90%}}.contact{background:linear-gradient(90deg,hsla(0,0%,96%,.8),hsla(0,0%,96%,.8)),url(/static/media/common-bg.810f78928468f7fb7847.png);background-attachment:fixed;background-position:50%;background-size:cover;padding:1rem 0 3rem}.contact h2{color:#222;font-size:1.7rem;margin:10px 0;text-align:center;text-transform:uppercase}.contact p{color:#333;line-height:1.5;padding:10px;text-align:center}.form-styles{background-color:#fff;border:1px solid transparent;border-radius:10px;box-shadow:1px 1px 3px 7px #e7f0f6;box-shadow:none;gap:10px;margin:0 auto;min-height:200px;overflow:hidden;padding:20px;position:relative;width:49%;width:100%!important}@media (max-width:760px){.form-styles{margin:auto;width:90%}}.form-styles sup{color:#f95353}.form-styles label{color:#333;display:block}.form-styles .actions{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;justify-content:center;width:100%}.form-styles .actions button{margin:10px}.form-styles input,.form-styles textarea{background:rgba(235,244,250,.639);border:2px solid #fafafa;border-radius:10px;margin-bottom:10px;outline:0;padding:10px;width:100%}.footer{background-color:#0f1024;color:#fff;padding:2rem 0}@media (max-width:700px){.footer .container{flex-direction:column;justify-content:center}}.footer .container p{color:#fafafa;line-height:1.5;padding:10px 0}.footer .container p.copyright{border-top:.2rem solid #333;color:#fdfdfd;margin-top:20px;padding:10px;text-align:center}.social h2{font-size:1.4rem;padding:10px 0;text-transform:uppercase}.social ul{align-items:center;display:flex;justify-content:space-between;justify-content:flex-start;list-style:none}.social ul a{border-radius:5px;color:#fff;display:inline-block;font-size:19px;font-weight:700;height:25px;line-height:30px;margin-right:10px;text-align:center;text-decoration:none;width:25px}.social ul a:hover{background-color:#fff;color:#f95353;transition:.5s}.go-to-up{background:#e72d43;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;height:60px;position:fixed;right:20px;width:60px;z-index:99}.notfound{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-between;justify-content:center}.notfound p{color:#333;font-size:1.6rem;line-height:1.7;padding:30px;text-align:center}.tools p{display:flex;flex-wrap:wrap;gap:0 10px}.tools p span{background:hsla(0,0%,60%,.2);border-radius:5px;color:#666;display:block;font-weight:600;margin-bottom:1.5rem;margin-right:1rem;margin-top:0;padding:.7rem 1rem}.back{background-color:#0f1024;border-radius:10px;color:#fafafa;cursor:pointer;height:50px;margin-left:10px;padding:10px;width:100px}.alert-error,.alert-success{background-color:rgba(0,128,0,.162);border-radius:5px;color:green;font-size:1.4rem;margin:10px 0;padding:30px;text-align:center}.alert-error{background-color:rgba(249,83,83,.162);color:#f95353}.common-overlay{align-items:center;background-color:rgba(15,16,36,.439);bottom:0;display:flex;justify-content:center;left:0;padding:3rem;position:fixed;right:0;top:0;z-index:109}.dashboard{display:flex;gap:20px}.dashboard .dashboard-navbar{background-color:#0f1024;bottom:0;left:0;padding:2rem;position:fixed;top:0;width:140px}.dashboard .dashboard-navbar ul{align-items:center;align-items:flex-start;display:flex;flex-direction:column;gap:4rem;justify-content:space-between;list-style:none;padding-top:4rem}.dashboard .dashboard-navbar a{color:#fafafa;font-weight:600;text-decoration:none}.dashboard section{bottom:0;left:145px;overflow:auto;padding:2rem;position:fixed;right:0;top:0}.dashboard section h1{align-items:center;border-bottom:2px dotted #f95353;color:#0f1024;display:flex;font-size:2rem;justify-content:space-between;padding:5px;width:100%}.dashboard section h1 svg{font-size:1.5rem}.dashboard section button{margin:10px 5px!important;width:110px}.dashboard .dashboard-card{background-color:#fafafa;margin-top:15px;padding:20px}.dashboard .dashboard-about{padding:20px}.dashboard .skills{display:flex;flex-wrap:wrap}.dashboard .skills span{background:hsla(0,0%,60%,.2);border-radius:5px;color:#666;display:block;font-size:1rem;font-weight:600;margin-bottom:1.5rem;margin-right:1rem;padding:1rem 1.5rem}.dashboard .item{align-items:center;align-items:flex-start;display:flex;gap:30px;justify-content:space-between}.dashboard .item p{color:#333;line-height:1.5}.dashboard .item p strong{font-size:1.3rem}.dashboard .item svg{font-size:1.4rem}
/*# sourceMappingURL=main.d8edc61e.css.map*/