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}.App{display:flex;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.about{display:flex;height:100vh;justify-content:space-around;padding:0 50px;position:relative}@media screen and (max-width:767px){.about{height:auto;padding:0}}.about-left{align-items:center;display:flex;flex:1 1;justify-content:center;margin:auto 0;position:relative}@media screen and (max-width:767px){.about-left,.first-title{display:none}}.about-right{flex:1 1;margin:auto 0;text-align:left}@media screen and (max-width:767px){.about-right{height:auto;padding:30px;width:100%}}.about-image{border-radius:30px;height:70vh;overflow:hidden;position:relative;width:60%}.about-image img{height:100%;object-fit:cover;width:100%}.about-image-bg{background-color:#333;border-radius:30px;height:70vh;left:60px;overflow:hidden;position:relative;position:absolute;top:50px;width:60%}.about-right .title{color:#556d91;font-size:50px;position:relative}@media screen and (max-width:767px){.about-right .title{text-align:center}.about-right .title:after{left:0;margin:0 auto;right:0}}.about-right .title:after{background-color:#ffc220;border-radius:3px;bottom:-12px;content:"";height:5px;left:20px;position:absolute;width:200px}.landing{display:flex;height:100vh;justify-content:space-around;padding:0 50px}.landing-left{flex:1 1}@media screen and (max-width:767px){.landing{height:auto;padding:0}.landing-left{width:100%}.landing-left-wrapper{padding:30px}}.landing-scroll{bottom:20px;height:30px;left:25%;position:absolute;width:30px}.landing-right{flex:1 1;position:relative}@media screen and (max-width:767px){.landing-right{display:none}}.landing-left-wrapper{padding:50px}.landing-intro{color:#000;font-size:30px;font-weight:600}.landing-name{color:#ff5352;font-size:60px}.landing-title{height:50px;overflow:hidden}.landing-title-item{color:#59b256;font-size:30px;font-weight:700;height:50px}.landing-title-warpper{-webkit-animation:move 10s ease-in-out infinite alternate;animation:move 10s ease-in-out infinite alternate}@-webkit-keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}@keyframes move{25%{-webkit-transform:translateY(-50px);transform:translateY(-50px)}50%{-webkit-transform:translateY(-100px);transform:translateY(-100px)}75%{-webkit-transform:translateY(-150px);transform:translateY(-150px)}to{-webkit-transform:translateY(-200px);transform:translateY(-200px)}}.landing-description{color:#000;font-size:20px;padding:30px}.landing-right-img{object-fit:cover}.landing-bg,.landing-right-img{height:100%;position:absolute;right:0;top:0;width:100%}.landing-bg{background-color:#59b256;-webkit-clip-path:polygon(100% 0,100% 53%,100% 100%,25% 100%,0 50%,25% 0);clip-path:polygon(100% 0,100% 53%,100% 100%,25% 100%,0 50%,25% 0)}.span-name{background-color:#ffc220}.span-hello{color:#fff}.cv-btn{background-color:#ffc220;border-radius:25px;font-size:18px;padding:10px 15px}.contact{height:100vh;position:relative}.contact-bg{background-color:#59b256;height:100%;position:absolute;width:20px}.contact-wrapper{display:flex;padding:50px}@media screen and (max-width:767px){.contact-wrapper{flex-direction:column;padding:30px}}.contact-left{flex:1 1;margin-left:60px}.contact-right{flex:1 1}.contact-title{font-size:60px;margin:0;width:65%}@media screen and (max-width:767px){.contact-title{font-size:30px;width:90%}}.contact-info-item{align-items:center;display:flex;font-weight:600;margin:30px 0}.contact-info-item img{border-radius:5px;height:30px;margin-right:20px;width:30px}.contact-description{font-weight:300}form{margin-top:20px;text-align:left}input{border:none;border-bottom:1px solid #000;height:50px;width:50%}input,textarea{font-size:14px;margin:10px 0;padding-left:10px}textarea{width:100%}button{background-color:#59b256;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:15px}.download{bottom:15px;position:absolute;right:15px}.button{color:#fff;text-align:right;text-decoration:none}.portfolio{height:100vh;padding:50px 100px}@media screen and (max-width:767px){.portfolio{height:auto;padding:30px}}.portfolio-title{font-size:50px;font-weight:500}@media screen and (max-width:767px){.portfolio-title{font-size:30px;width:90%}}.portfolio-description{margin:20px auto;width:45%}@media screen and (max-width:767px){.portfolio-description{margin:20px auto;width:90%}}.project-list{display:flex;justify-content:center}@media screen and (max-width:767px){.project-list{align-items:center;flex-direction:column;width:100%}}.project-card{border:2px solid #f3f2f2;border-radius:10px 10px 0 0;height:40vh;margin:20px 10px;overflow:hidden;width:30%}@media screen and (max-width:767px){.project-card{width:95%}}.project-browser{background-color:#f3f2f2;display:flex;height:20px;position:-webkit-sticky;position:sticky;z-index:2}.project-circle{background-color:#fff;border-radius:50%;height:6px;margin:3px;width:6px}.project-image{transition:all 10s ease;width:100%}.project-card:hover .project-image{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.skills{background-color:#eee;height:auto;padding:50px}@media screen and (max-width:767px){.skills{padding:30px}}.skills-title{color:#556d91;font-size:50px;position:relative}.skills-title:after{background-color:#ffc220;border-radius:3px;bottom:-12px;content:"";height:5px;left:50%;position:absolute;right:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:175px}.skills-descrpition{font-size:20px;line-height:1.8;margin:0 auto;width:80%}.skills-warpper{align-items:center;display:flex;justify-content:space-between;padding:30px}@media screen and (max-width:767px){.skills-warpper{align-items:center;flex-direction:column}}.skills-left{flex:1 1}@media screen and (max-width:767px){.skills-left{display:none}}.skills-left ul{list-style:none;margin:0 auto;width:200px}.skills-left ul li{font-size:20px;font-weight:600;padding:10px}.skills-left ul li:first-child{border-bottom:2px solid #000;border-radius:3px;color:#19c8fa;font-size:30px;font-weight:700}.skills-right{display:flex;flex:1 1;flex-wrap:wrap}@media screen and (max-width:767px){.skills-right{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}}.skill-item{align-items:center;background-color:#fff;border-left:5px solid #ffc220;border-radius:6px;display:flex;font-weight:700;margin:0 20px 30px 0;max-height:35px;padding:6px 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:767px){.skill-item{margin:5px;width:90%}}.skill-item img{height:32px;width:32px}.skill-item span{margin-left:5px}@media screen and (max-width:767px){.skill-item span{margin-left:30px}}.sidebar{background-color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.09);height:100vh;position:fixed;width:100px;z-index:100}.sidebar .image{background-color:brown;background-image:url(/static/media/Untitled.4fda7766b4840618e72e.png);background-repeat:no-repeat;background-size:cover;border-radius:50%;height:70px;margin:10px auto;width:70px}.sidebar .about,.sidebar .image{cursor:pointer;display:flex;justify-content:center}.sidebar .about{align-items:center;border-bottom:1px solid #ddd;color:#ff5352;flex-direction:column;height:85px;padding-top:20px;text-align:center}.sidebar .about .icon{height:30px;width:30px}.sidebar .about p{display:none;font-weight:700}.sidebar .about:hover{background-color:rgba(255,83,82,.2)}.sidebar .about:hover p{-webkit-animation:fade_in_show 1s;animation:fade_in_show 1s;display:block}.sidebar .project{align-items:center;border-bottom:1px solid #ddd;color:#0dcaf0;cursor:pointer;display:flex;flex-direction:column;height:85px;justify-content:center;padding-top:20px;text-align:center}.sidebar .project .icon{height:30px;width:30px}.sidebar .project p{display:none;font-weight:700}.sidebar .project:hover{background-color:rgba(13,202,240,.2)}.sidebar .project:hover p{-webkit-animation:fade_in_show 1s;animation:fade_in_show 1s;display:block}.sidebar .contact{align-items:center;border-bottom:1px solid #ddd;color:#00da54;cursor:pointer;display:flex;flex-direction:column;height:85px;justify-content:center;padding-top:20px;text-align:center}.sidebar .contact .icon{height:30px;width:30px}.sidebar .contact p{display:none;font-weight:700}.sidebar .contact:hover{background-color:rgba(0,218,84,.2)}.sidebar .contact:hover p{-webkit-animation:fade_in_show 1s;animation:fade_in_show 1s;display:block}.links{display:flex}.links ul{list-style:none}.links li{padding:15px 0}.links .git-icon{color:#d2691e;height:30px;margin:0 auto;width:30px}.links .linked-icon{color:#0dcaf0;height:30px;margin:0 auto;width:30px}.links .face-icon{color:blue;height:30px;margin:0 auto;width:30px}@-webkit-keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fade_in_show{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@media screen and (max-width:767px){.sidebar{display:none}}
/*# sourceMappingURL=main.77c70036.css.map*/