@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}html{height:100vh}body{background:#e9ebec;background:#0c151d;font-family:Poppins,sans-serif;height:100%;margin:0}#root,body{display:flex;flex-direction:column}#root{height:100vh}.main{flex-grow:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:800px;padding:0 20px;width:100%}a{font-weight:500;text-decoration:none}::-webkit-scrollbar{cursor:pointer;width:0}::-webkit-scrollbar-track{background:#f1f1f1;cursor:pointer}::-webkit-scrollbar-thumb{background:#fbd144;cursor:pointer}.page-enter{opacity:0}.page-enter-active{opacity:1;transition:opacity .5s}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .5s}.default-header{align-items:center;display:flex;justify-content:space-between;padding:15px 0}.default-nav-list{align-items:center;display:flex;gap:20px}.nav-item-link{color:#a3abb2;font-style:normal;font-weight:500;line-height:normal;text-decoration:none}.user-hero{margin:0 auto;max-width:630px;padding:60px 0 40px;width:100%}.logo{color:#a3abb2;font-size:24px;font-weight:500;text-transform:capitalize}.user-hero-inner{align-items:center;display:flex}.user-avatar-border{border:4px solid #f7d039;border-radius:50%;display:flex;max-height:192px;max-width:192px;object-fit:cover;object-position:center top;padding:5px}.user-avatar-img{background-color:#f7d039;border-radius:50%;width:100%}.user-hero-info{align-items:flex-start;display:flex;flex-direction:column;padding-left:40px}.user-fullname{color:#f1f2f4;font-size:32px;line-height:45px;margin-bottom:4px;text-transform:capitalize}.user-fullname,.user-job{font-style:normal;font-weight:500}.user-job{color:#a3abb2;font-size:22px;line-height:normal;margin-bottom:12px}.user-social-links{align-items:center;display:flex;gap:10px}.social-link-item{align-items:center;display:flex;height:30px;justify-content:center;width:30px}@media only screen and (max-width:576px){.user-hero{margin:0 auto;max-width:420px;padding:30px 0 20px;width:100%}.user-hero-info{padding-left:20px}.user-fullname{font-size:24px;line-height:30px;margin-bottom:2px}.user-job{font-size:18px}.social-link-item{height:20px;width:20px}.user-avatar-img{max-height:120px;max-width:120px}.user-avatar-border{border:1px solid #f7d039;padding:3px}}@media only screen and (max-width:454px){.user-hero{max-width:100%}.user-hero-info{padding-left:15px}.user-fullname{font-size:18px;line-height:26px}.user-job{font-size:14px;margin-bottom:15px}.social-link-item{height:18px;width:18px}.user-avatar-img{max-height:100px;max-width:100px}}@media only screen and (max-width:365px){.user-hero-info{padding-left:10px}.user-fullname{font-size:18px;line-height:22px}.user-avatar-img{max-height:80px;max-width:80px}}@media only screen and (max-width:340px){.user-fullname{font-size:16px}.user-job{font-size:12px;margin-bottom:8px}.user-avatar-img{max-height:80px;max-width:80px}}.career{padding:20px 10px}.career-list{align-items:center;display:flex;gap:10px;justify-content:space-between}.career-item,.career-item p{text-align:center}.career-item p{color:#a3abb2;font-size:22px;font-style:normal;font-weight:500;line-height:normal}@media only screen and (max-width:576px){.career-item p{font-size:18px;font-weight:500}}@media only screen and (max-width:440px){.career{padding:20px 0}.career-list{gap:6px}.career-item p{font-size:16px}}@media only screen and (max-width:350){.career{padding:10px 0}.career-item p{font-size:12px}}.footer{color:#a3abb2;font-size:14px;padding:20px 0}.button,.footer{font-style:normal;font-weight:500;line-height:normal;text-align:center}.button{background:#fbd144;border:3px solid #fbd144;border-radius:10px;color:#f1f2f4;cursor:pointer;font-size:22px;letter-spacing:-.531px;max-width:280px;outline:none;padding:20px;transition:all .3s ease;width:100%}.button:hover{opacity:.6}.def-button{background:transparent;color:#a3abb2}@media only screen and (max-width:576px){.button{border:1px solid #fbd144;font-size:18px;max-width:180px;padding:10px}}.user-action{display:flex;gap:50px;justify-content:center;padding:30px 0 0}@media only screen and (max-width:576px){.user-action{display:flex;gap:20px;justify-content:center;padding:20px 20px 0}}.about{padding:50px 0 20px}.about-title{font-size:28px}.about-content,.about-title{color:#a3abb2;font-style:normal;font-weight:500;line-height:normal;text-align:center}.about-content{font-size:22px}@media only screen and (max-width:576px){.about{padding:30px 0 0}.about-title{font-size:24px}.about-content{font-size:18px}}@media only screen and (max-width:440px){.about{padding:20px 0 0}.about-title{font-size:20px}.about-content{font-size:14px}}.portfolio{padding-bottom:50px}.portfolio-title{color:#f1f2f4;font-size:24px;font-style:normal;font-weight:500;line-height:45px;margin-bottom:10px;text-transform:capitalize}.portfolio-list{display:flex;flex-direction:column;gap:20px}.portfolio-card{border-bottom:1px solid #f7d039;display:flex;gap:15px;padding:5px 0 20px}.portfolio-card-img{border-radius:14px;max-width:280px;width:100%}.portfolio-card-img a{align-items:center;display:flex;justify-content:center;text-decoration:none}.portfolio-card-img a img{border-radius:12px;height:160px;object-fit:cover;width:280px}.portfolio-card-header{align-items:flex-start;display:flex;justify-content:space-between}.portfolio-card-title{color:#f1f2f4;font-size:20px;font-style:normal;font-weight:500;margin:0}.portfolio-card-url{color:#006fee;font-size:18px}.portfolio-desc{color:#f1f2f4;margin:0 0 5px}.portfolio-card-task-title,.portfolio-desc{font-size:14px;font-style:normal;font-weight:500}.portfolio-card-task-title{color:#ef9c3d;margin-bottom:5px;text-transform:uppercase}.portfolio-card-task-list{display:flex;flex-direction:column;gap:2px}.portfolio-card-task-item{color:#a3abb2;font-size:12px;font-style:normal;font-weight:500;padding-left:17px;position:relative}.portfolio-card-task-item:before{align-items:center;content:"#";display:flex;justify-content:center;left:0;position:absolute}.portfolio-card-lang-title{margin-top:10px}.portfolio-card-lang-list{flex-direction:row;flex-wrap:wrap}.portfolio-card-lang-item{padding-left:0;padding-right:7px}.portfolio-card-lang-item:before{display:none}@media only screen and (max-width:576px){.portfolio-title{font-size:22px;line-height:25px;margin-bottom:5px}.portfolio-card{flex-direction:column}.portfolio-card-img{display:flex;flex-direction:row;gap:20px}.portfolio-card-lang-title{margin:0 0 8px}.portfolio-card-header{margin-bottom:15px}.portfolio-card-title{font-size:18px}}@media only screen and (max-width:425px){.portfolio-card{margin-bottom:20px}.portfolio-card-img{display:flex;flex-direction:column;gap:20px;max-width:100%}.portfolio-card-img a img{height:190px;width:100%}.portfolio-card-lang-title{margin:0}.portfolio-card-header{margin-bottom:15px}.portfolio-card-title{font-size:18px}}
/*# sourceMappingURL=main.528e9627.css.map*/