@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{background:#eaeced}.container{display:flex;justify-content:center;align-items:center;margin:15vh 0 0}@media screen and (max-width:768px){.container{margin:0}}.row{max-width:1320px;max-height:700px;width:100%;display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width:768px){.row{flex-direction:column}}.header{flex-basis:5%;position:relative;top:15px;margin-right:8px;z-index:100}@media screen and (max-width:768px){.header{top:0;margin-right:0}}.card{flex-basis:35%;height:100%;position:relative;z-index:11;border-radius:4px}.card:before{top:0;left:0;box-shadow:10px 10px 15px rgba(0,0,0,.05);border-radius:0 0 4px 0}.card:after,.card:before{content:"";position:absolute;width:100%;height:100%}.card:after{left:-15px;top:-15px;border-radius:4px;z-index:10;background:linear-gradient(135deg,rgba(240,112,56,.4),rgba(240,112,56,.01))}.content{flex-basis:60%;padding:0;position:relative;overflow:hidden;border-radius:0 4px 4px 0}@media screen and (max-width:768px){.content{overflow:visible}}.main{width:100%;position:absolute;overflow:hidden;top:15px;bottom:15px;border-radius:0 4px 4px 0;z-index:10;transition:visibility 1s linear,opacity 0s linear;background:#fff;transform-origin:center left}.main:before{top:0}.main:after,.main:before{content:"";position:absolute;left:0;right:20px;height:20px;width:100%;background:#fff;z-index:10}.main:after{top:auto;bottom:0}@media screen and (max-width:768px){.main{overflow:visible;position:relative}}.wrapper{padding:30px 30px 0;position:relative;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:768px){.wrapper{overflow:visible}}.box{display:flex;flex-direction:column}.box__header{position:relative;padding:0 0 1.5rem;display:flex;justify-content:space-between}.box__header:before{content:"";position:absolute;height:2.5rem;width:2.5rem;top:-.3rem;left:-15px;border-radius:30px;z-index:-1;background:linear-gradient(135deg,rgba(240,112,56,.4),rgba(240,112,56,.01))}.box__header:after{content:"";position:absolute;height:1px;width:100%;bottom:0;left:-28px;background:radial-gradient(ellipse at left,#ddd 0,hsla(0,0%,100%,0) 80%)}@media screen and (max-width:768px){.box__header:after{left:-10px}}.box__header-title{flex-basis:30%;font-size:1.25rem;font-weight:500}.box__header-title span{color:#e96f38}@media screen and (max-width:768px){.box__header-title{flex-basis:100%}}.box__header-input{border-radius:4px;border:2px solid #ccc;font-size:1rem;background-position:5px 5px;padding:3px 0 3px 30px;background-color:#fff;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAACYktHRAD/h4/MvwAAAAl2cEFnAAABKgAAASkAUBZlMQAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wNC0xMFQwNjo1OTowNy0wNzowMI5BiVEAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDQtMTBUMDY6NTk6MDctMDc6MDD/HDHtAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAABF0RVh0VGl0bGUAc2VhcmNoLWljb27Cg+x9AAACKklEQVQ4T6WUSavqQBCFK+2sII7gShFXLpUsBBHFf+1KcAQFwaWiolsnnBDn++4p0iHRqPDuByFJd/Wp6qrqVn5+IQP3+52m0ymtVis6Ho885na7KRgMUiKR4O9vmEQHgwGNx2NyOp0khCBFUXgcJo/Hg67XK8ViMcpkMjz+Dl200+nQZrMhh8PBE4gYQgDidrudvzEOm2KxyP9WsCginM1mHKEUS6VSFA6HOWI4G41GPAfx2+1GgUCAVFXVZMwovwY/lUqFPB4PiyFn+XxemzbT6/VovV6z8Ol0olwux+LPCBQFEQKIvhME2WyWbWGHFCD/VghUGVvE1rDlb6TTabbFmuVyqY2aEWgbFALeI5GINvyeUCjEtlgju+IZoRWfkS30CURoxFJUNjMEt9stf38CNjJKIFvNiMBJgTebzcZt843hcMhCELWqPBDxeJwulwtvC/3X7/e1qVfgFD0rC5tMJrUZM8Lr9VI0GmVBRDCfz6nZbHI/Sna7HXW7XZpMJtxSiBIP1lmhH9NqtaqfGKQDTmQREBnSgwfmMqfYYblc1o+2xHShtNttLgSiee4EmMEp3hDBPJzikimVSuRyuTTLJ1GwWCz4pCB3UhiL/X4/Hw50C5zjLSM+n898weCogxdRIzAGxigAdtNqtV6EC4UC+Xy+z6Kf2O/31Gg0TMK4ZBDxf4uCw+FA9XpdF0aaUOg/iQLcHbVaTb/p0Cl/FgXIJ/oYnaCqKv0DC6dltH6Ks84AAAAASUVORK5CYII=);background-repeat:no-repeat}@media screen and (max-width:768px){.box__header-input{width:10px}}.box__header-input:focus{outline:none}@media screen and (max-width:768px){.box__header-input:focus{width:100%}}.box__header-input:hover{border-color:#e96f38}@media screen and (max-width:768px){.box__header-input:hover{width:100%}}.box__content ul{display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;padding-top:1rem}@media screen and (max-width:768px){.box__content ul{flex-direction:column}}.box__content li{flex-basis:auto;display:flex;justify-content:space-between;margin-bottom:.9rem}@media screen and (max-width:768px){.box__content li{justify-content:unset;flex-direction:column}}.box__body{margin-bottom:1rem}.box__body .blog{display:flex;justify-content:space-between;flex-direction:row;flex-wrap:wrap;margin:2rem 0}.nav{list-style:none;padding:0;display:flex;flex-direction:column;background-color:#fff}@media screen and (max-width:768px){.nav{flex-direction:row;justify-content:space-between;align-items:center}}.nav-item{position:relative;padding:.9rem .4rem}@media screen and (max-width:768px){.nav-item{flex-basis:20%}}.nav-link{display:flex;flex-direction:column;text-decoration:none;align-items:center;color:#323232}.nav-link:before{content:"";position:absolute;bottom:0;height:1px;width:100%;background:radial-gradient(ellipse at right,#ddd 0,hsla(0,0%,100%,0) 70%)}@media screen and (max-width:768px){.nav-link:before{height:100%;width:1px;top:-10%;left:0}}.nav-icon,.nav-text{font-size:.79rem;font-weight:500;text-transform:uppercase}.nav-icon{font-size:1.1rem}.nav-active,.nav-link:hover{color:#f07038}.profile{position:relative;background-color:#fff;display:flex;flex-direction:column;align-items:center;z-index:12}.profile__image{position:relative;overflow:hidden}.profile__image:before{left:-25%;transform:rotate(12deg)}.profile__image:after,.profile__image:before{content:"";position:absolute;bottom:-63%;width:100%;height:70%;background:#fff}.profile__image:after{left:auto;right:-25%;transform:rotate(-8deg)}.profile__name{font-size:34px;margin:20px 0 10px;color:#323232;line-height:32px;font-weight:400;text-align:center}.profile__position{position:relative;margin:0;display:inline-block;font-size:18px;line-height:20px;height:20px;font-weight:500}.profile__social{margin-top:10px;margin-bottom:100px}@media (max-width:768px){.profile__social{margin-bottom:45px}}.profile__social ul{list-style:none;display:flex;flex-direction:row}.profile__social li{padding:10px;font-size:1.2rem}.profile__social li a{color:#323232}.profile__social li a:hover{color:#78cc6d}.profile__download{display:flex;flex-direction:row;position:relative;justify-content:center;padding:20px 0 10px;width:100%}.profile__download:before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.profile__download a{text-transform:uppercase;text-decoration:none;font-size:1rem;font-weight:600;color:#323232}.profile__icon{line-height:2.1rem;font-size:1.2rem;margin-left:10px}.profile .Typewriter__cursor{display:none}.information{display:flex;flex-direction:column;margin-bottom:2rem}.information__desc{line-height:1.8;margin:1.5rem 0;text-align:justify;font-size:.9rem}.information ul{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width:768px){.information ul{flex-direction:column}}.information li{flex-basis:50%;margin-bottom:1rem;font-size:.9rem;display:flex;flex-direction:row}.information__title{text-transform:capitalize;flex-basis:65%}.service{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;position:relative;padding-top:1rem;margin-bottom:2.75rem}@media screen and (max-width:768px){.service{flex-direction:column}}.service__col{flex-basis:48%;margin-bottom:1.5rem}.service__box{margin-top:10px}.service__title{font-size:1rem;text-transform:capitalize;text-align:center;margin:0 0 20px}.service__content{padding:25px 20px 25px 50px;border-top:2px solid #eee;border-right:2px solid #eee;position:relative;transition:all .3s ease 0s}.service__content:before{content:"";width:0;height:2px;background:#eee;position:absolute;bottom:0;right:0;transition:all .3s ease 0s}.service__box:hover .service__content{border-top-color:#4c7753;border-right-color:#4c7753}.service__box:hover .service__content:before{width:50%;background:#4c7753}.service__desc{font-size:.8rem;text-align:justify;line-height:25px;margin:0}.service__icon{width:50px;height:50px;line-height:60px;border-radius:50%;background:#fff;text-align:center;font-size:25px;color:#4c7753;border:1px solid #eee;position:absolute;top:-25px;left:0;transition:all .3s ease 0s}.service__box:hover .service__icon{background-color:#4c7753;border-color:#fff;color:#fff}.education{display:flex;flex-direction:column;padding:1.25rem 0;margin:1.25rem 0;position:relative}.education__year{margin:.5rem 0}.education__year span{font-size:.8rem;border:1px solid #000;border-radius:4px;padding:.1rem .5rem;color:#000}.education__institute{font-size:1.145rem;font-weight:500;margin-bottom:.2rem;color:#323232;text-transform:capitalize}.education__country{font-size:1rem;color:#323232;font-weight:400;margin-bottom:.2rem}.education__description{font-size:1rem;line-height:1.8em}.education:before{content:"";position:absolute;width:100%;height:1px;top:0;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.resume{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;position:relative;margin:2rem 0}@media screen and (max-width:768px){.resume{flex-direction:column}}.resume__col{flex-basis:48%}.resume__col:nth-child(2){position:relative}.resume__col:nth-child(2):before{content:"";position:absolute;left:-14px;top:-30px;width:1px;height:100%;background:radial-gradient(ellipse at top,#ddd 0,hsla(0,0%,100%,0) 70%)}@media screen and (max-width:768px){.resume__col:nth-child(2):before{display:none}}.resume__header{display:flex;flex-direction:row}.resume__icon{color:#e96f38;font-size:1.5rem}.resume__title{font-size:larger;line-height:1.7;margin-left:.5rem;text-transform:uppercase}.resume__content{margin-top:1rem}.experience{display:flex;flex-direction:column;padding:1.25rem 0;margin:1.25rem 0;position:relative}.experience__year{margin:.5rem 0}.experience__year--span{font-size:.8rem;border:1px solid #000;border-radius:4px;padding:.1rem .5rem;color:#000}.experience__year--active{border-color:#4c7753;color:#4c7753}.experience__position{font-size:1.145rem;font-weight:500;margin-bottom:.2rem;color:#323232}.experience__company{font-size:1rem;color:#323232;font-weight:400;margin-bottom:.2rem}.experience__description{font-size:1rem;line-height:1.8em}.experience:before{content:"";position:absolute;width:100%;height:1px;top:0;background:radial-gradient(ellipse at center,#ddd 0,hsla(0,0%,100%,0) 70%)}.star{display:flex;flex-direction:column;padding:1.5rem 0 1.9rem;position:relative}.star:before{content:"";position:absolute;width:100%;height:2px;top:0;left:0;background:radial-gradient(ellipse at top,#ddd 0,hsla(0,0%,100%,0) 70%)}.star__bar{color:#c5c5c5;font-size:25px;height:25px;width:225px;position:relative;padding:0;text-shadow:0 1px 0 #a2a2a2}.star__tp{color:#e7711b;position:absolute;z-index:1;top:0;left:0;overflow:hidden}.star__bt,.star__tp{padding:0;display:flex}.star__bt{z-index:0}.circle{flex-basis:40%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1.5rem}.circle__content{padding:1rem}.circle__bar{height:100px;width:100px;display:inline-block;box-shadow:-3px -3px 7px #eee,3px 3px 5px #5e6879;position:relative;border-radius:50%;overflow:hidden}.circle__bar svg{fill:none;width:100%;height:100%;position:relative}.circle__bar circle{position:absolute;transform:scale(.96);transform-origin:center;stroke-width:17px;stroke-dasharray:314px}.circle__bar h1{position:absolute;left:50%;top:50%;transform:translate(-30%,-50%);font-size:1rem;font-weight:400}.circle__bar:after{content:"";height:80%;width:80%;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;box-shadow:inset -3px -3px 7px #eee,inset 3px 3px 5px #5e6879}.circle__title{text-transform:uppercase}.coding{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.git-box{box-sizing:border-box;flex-basis:49%;background-color:#546e7a;margin-left:.23rem;margin-bottom:2rem}@media screen and (max-width:560px){.git-box{flex-basis:98%}}.git-content,.git-lang,.git-title{line-height:1.51;font-weight:lighter;color:#fff;padding:.5rem 1rem}.git-title{text-transform:capitalize;word-break:break-all;border:1px solid}.git-content{color:#fff;font-size:medium;height:150px}.git-link{text-decoration:none}.git-lang{color:#f5d1a3;display:block;font-weight:400;text-align:right;margin:0;box-shadow:0 5px 15px rgba(0,0,0,.35)}.work{display:flex;flex-wrap:wrap;justify-content:flex-start;padding-top:.9rem}.blog__box{position:relative;overflow:hidden;border-radius:.3rem;height:25rem;margin-bottom:.5rem;width:49%}.blog img{max-width:100%;display:block;object-fit:contain;height:auto}.blog__thumb{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:1rem}.blog__thumb:before{content:"";background-image:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.6));z-index:2}.blog__image,.blog__thumb:before{position:absolute;width:100%;height:100%;top:0;left:0}.blog__content{position:relative;z-index:5;color:#f5f5f5;transition:all .3s ease-in-out}.blog__title{font-size:1.2rem;line-height:1;margin-bottom:.5rem}.blog__metas{flex-wrap:wrap}.blog__metas,.blog__metas-item{display:flex;align-items:center}.blog__metas-item{font-size:1rem;margin-right:2rem;margin-bottom:1.2rem}.blog__metas-icon{font-size:1.1rem;line-height:1;margin-right:.5rem}.blog__body{padding:.4rem;background-color:#f5f5f5;position:absolute;width:100%;left:0;z-index:100;bottom:-100%;transition:bottom .3s ease-in-out}.blog__box:hover .blog__body{bottom:0}.blog__box:hover .blog__content{transform:translateY(-12rem)}.blog__category{padding:.3rem;border:.1rem solid #ecbba6;display:inline-block;border-radius:.2rem;color:#e96f38;font-size:.5rem;margin:.5rem 0}.blog__excerpt{margin:1rem 0;text-align:justify}.blog__excerpt p{font-size:.9rem;font-weight:200}.blog__btn{text-decoration:none;display:block;padding:.5rem;background-color:#8636ab;color:#f5f5f5;border-radius:.2rem;text-align:center;text-transform:capitalize;transition:background-color .3s ease-in-out}.blog__btn:hover{background-color:#6d2c8c}.detail__header{display:flex;flex-direction:column}.detail__title{font-size:2rem;font-weight:700;letter-spacing:.7px}.detail__metas{display:flex;padding:0;list-style:none}.detail__metas li{margin:.5rem .5rem .4rem 0;font-size:.79rem;border:.3px solid #323232;padding:.2rem .5rem;border-radius:.2rem}.detail__body .detail__image{max-width:100%;height:auto}.detail__body .detail__content{font-size:1rem;text-align:justify;line-height:1.7;color:#323232}.detail__footer{margin:.5rem 0}.detail__footer .detail__share{list-style:none;display:flex;padding:0}.detail__footer .detail__share-label{color:#000;font-size:20px;margin-right:1rem;text-transform:uppercase}.detail__footer .detail__share-icon{display:flex;list-style:none}.detail__footer .detail__share-icon li{margin-right:.4rem;padding:.3rem 0;color:#f39369;cursor:pointer}.form{margin:1.25rem 0 2rem}.form__wrapper{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.form__input{margin:1.25rem 0 0;padding:.9rem;height:2.5rem;font-size:.9rem;border:1px solid #eee}.form__input:focus{outline:none}.form__input--email,.form__input--name{flex-basis:40%}@media screen and (max-width:768px){.form__input--email,.form__input--name{flex-basis:100%}}.form__input--textarea{flex-basis:100%;height:15vw;margin-bottom:2rem}@media screen and (max-width:768px){.form__input--textarea{height:20vh}}.form__button{padding:.9rem 3rem;border:none;border-radius:4px;text-transform:uppercase;outline:none;cursor:pointer}
/*# sourceMappingURL=main.4b4dd045.chunk.css.map */