body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Work Sans,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{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)}}body,html{overflow-x:hidden;scroll-behavior:smooth}#home{background-color:#000;color:#fff;display:flex;flex-direction:column;margin:auto;padding-top:40px;width:100%}.banner_img{position:relative;width:100%}.banner_img img{width:100%}.text{align-items:center;flex-direction:column;justify-content:center;left:5%;position:absolute;top:15%;width:40%}.text h1{color:#fff;font-size:50px;font-weight:800}.text p{color:#fff;font-size:24px}@media only screen and (max-width:1024px){#home{width:100%}}@media only screen and (max-width:512px){#home{width:100%}}.header{align-items:center;background-color:#000;border:1px solid blue;color:#fff;justify-content:space-between;left:0;padding:12px;position:fixed;right:0;top:0;z-index:1000}.header,.menu{display:flex;flex:1 1}.menu{justify-content:flex-end}.menu-icon{font-size:24px}.mobile-menu{display:none}.logo,.web-menu{display:flex}.logo{align-items:center;gap:5px;justify-content:space-evenly;padding-left:1%;width:10%}.logo div{font-size:1.2rem;font-weight:500}.logo img{border-radius:100%;width:30%}@media only screen and (max-width:720px){.mobile-menu{display:flex}.web-menu{display:none}.logo div{font-size:1.5rem;font-weight:500}.logo{align-items:center;display:flex;gap:5px;justify-content:space-evenly;padding-left:3%;width:10%}.logo img{border-radius:100%;width:60%}}@media only screen and (max-width:512px){.mobile-menu{display:flex}.web-menu{display:none}.logo div{font-size:1.5rem;font-weight:500}.logo{align-items:center;display:flex;gap:5px;justify-content:space-evenly;padding-left:10%;width:10%}.logo img{border-radius:100%;width:70%}}.web div{align-items:center;display:flex;flex:1 1;z-index:1}.web-option div{font-size:1.2rem;font-weight:400;margin-right:18px}.web-option a{align-items:center;color:#fff;display:flex;text-decoration:none}.web-option:last-child{margin-right:0}.mobile{background-color:#000;border:1px solid blue;flex-direction:column;height:56vh;padding:10px 12px;position:absolute;right:0;top:52px;width:100vw}.close-icon{display:flex;font-size:24px;justify-content:flex-end}.mobile-options{align-items:center;display:flex;flex-direction:column;justify-content:center;padding-top:10px;width:100%}.mobile-option div{display:flex;font-size:24px;margin:10px 0}.mobile-option div a{color:#fff;display:flex;text-decoration:none}#about{align-items:center;display:flex;justify-content:space-between;margin:7% auto auto;width:90%}#about .about_photo{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;position:relative;width:25%}.about_info,.about_photo{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}#about .about_info{-webkit-animation-name:slideInRight;animation-name:slideInRight;font-size:20px;height:350px;justify-content:center;line-height:30px;text-align:left;width:65%}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-50px);transform:translateX(-50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.about_info h2{text-align:center}#about .about_photo img{border:1px solid blue;border-radius:10px;box-shadow:5px 5px 5px blue;width:100%}.btn_resume{background-color:blue;border:1px solid blue;border-radius:15px;color:#fff;padding:10px 16px}.btn_resume a{color:#fff;font-size:17px;text-decoration:none}@media only screen and (max-width:1024px){#about{align-items:center;flex-direction:column;gap:10px;justify-content:space-between;margin:10% auto auto;width:95%}#about .about_info{border:1px solid #000;font-size:20px;height:390px;justify-content:center;line-height:30px;text-align:left;width:90%}.about_info h2{text-align:center}#about .about_photo img{border:1px solid #000;width:100%}}@media only screen and (max-width:720px){#about{align-items:center;flex-direction:column;gap:10px;justify-content:space-between;margin:15% auto auto;width:95%}#about .about_info{border:1px solid #000;font-size:20px;height:450px;justify-content:center;line-height:30px;text-align:left;width:90%}.about_info h2{text-align:center}#about .about_photo img{border:1px solid #000;width:100%}}@media only screen and (max-width:512px){#about{align-items:center;flex-direction:column;gap:10px;justify-content:space-between;margin:16% auto auto;width:95%}#about .about_info{border:1px solid #000;font-size:20px;height:600px;justify-content:center;line-height:30px;text-align:left;width:95%}.about_info h2{text-align:center}#about .about_photo img{border:1px solid #000;width:100%}}#skills{-webkit-animation:fadeInUp 1s ease-out forwards;animation:fadeInUp 1s ease-out forwards;margin:4% auto auto;-webkit-transform:translateY(50px);transform:translateY(50px);width:90%}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.skills_section{grid-gap:5px;align-items:center;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);justify-content:space-between;margin:auto;padding:5px}.skills_section div{align-items:center;border-radius:15px;box-shadow:5px 5px 5px #0cf;height:100px;padding:3% 0;text-align:center;transition:-webkit-transform .6s ease;transition:transform .6s ease;transition:transform .6s ease,-webkit-transform .6s ease;width:83%}.skills_section div:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.skills_section div img{width:15%}@media only screen and (max-width:1024px){#skills{background-color:#000;margin:4% auto auto;width:90%}.skills_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin:auto}.skills_section>div{margin:auto}}@media only screen and (max-width:720px){#skills{background-color:#000;margin:4% auto auto;width:95%}.skills_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin:auto}.skills_section>div{margin:auto}}@media only screen and (max-width:512px){#skills{background-color:#000;margin:4% auto auto;width:95%}.skills_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr);margin:auto}.skills_section>div{margin:auto}}#projects{margin:4% auto auto;overflow:hidden;width:90%}.projects_section{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(3,1fr);padding:5px}.projects_section>div{align-items:center;border-radius:10px;box-shadow:5px 5px 5px #0cf;height:470px;padding:10px;text-align:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.projects_section>div:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects_section div img{width:100%}.project-links-box{align-items:center;display:flex;justify-content:space-evenly;margin-top:7%}.project-links-box button{background-color:blue;border-radius:15px;color:#fff;padding:7px 15px}.project-links-box button:hover{background-color:#8a2be2;border-radius:15px;color:#fff;padding:7px 15px}@media only screen and (max-width:1024px){#projects{background-color:#000;margin:4% auto auto;width:90%}.projects_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}}@media only screen and (max-width:720px){#projects{background-color:#000;margin:4% auto auto;width:90%}.projects_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:512px){#projects{background-color:#000;margin:4% auto auto;width:90%}.projects_section{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr)}}form{background:#02054b;border-radius:4px;color:#fff;margin:50px auto;max-width:97%;padding:55px 60px 55px 30px;width:700px}form .title h2{border-bottom:1px solid #fff;display:inline-block;letter-spacing:6px;margin-bottom:32px;padding-bottom:8px}form .half{display:flex;gap:45px;justify-content:space-between}form .half .item{display:flex;flex-direction:column;margin-bottom:24px;width:48%}form label{display:block;font-size:13px;letter-spacing:3.5px;margin-bottom:16px}form .half .item input{background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;font-size:17px;height:44px;outline:0;padding:16px;width:100%}form .full{margin-bottom:24px}form .full textarea{background:transparent;border:1px solid #fff;border-radius:4px;color:#fff;font-size:17px;height:200px;outline:0;padding:12px 16px;width:100%}form .action{margin-bottom:32px}form .action input{background:transparent;border:1px solid #fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:600;height:44px;letter-spacing:3px;margin-right:10px;outline:0;padding:0 20px 0 22px}form .action input[type=submit]{background:#fff;color:#000}form .icons a{border:1px solid #fff;border-radius:50%;color:#fff;font-weight:600;line-height:36px;margin-right:10px;text-align:center;width:38px}form .action input[type=reset]:hover,form .full textarea:focus,form .half .item input:focus,form .icons a:hover{background:#02054b;color:#fff}@media (max-width:480px){form{padding:55px 60px 55px 30px;width:300px}form .half{flex-direction:column}form .half .item{width:100%}form .action{display:flex;flex-direction:column}form .action input{margin-bottom:10px;width:100%}}#banner{align-items:center;display:flex;justify-content:space-between;justify-content:center;margin:7% auto auto;width:95%}.div1{border:1px solid #afeeee;border-radius:10px;box-shadow:5px 10px 18px blue;margin:auto;padding:10px;width:90%}.div1 h1{font-size:60px;font-weight:800}.div1 p{font-size:20px}@media only screen and (max-width:1024px){#banner{align-items:center;display:flex;justify-content:space-between;justify-content:center;margin:12% auto auto;width:95%}}@media only screen and (max-width:720px){#banner{align-items:center;display:flex;justify-content:space-between;justify-content:center;margin:15% auto auto;width:95%}}@media only screen and (max-width:512px){#banner{align-items:center;display:flex;justify-content:space-between;justify-content:center;margin:24% auto auto;width:95%}}:root{--color-calendar-graph-day-bg:#dddbdb;--color-calendar-graph-day-L1-bg:#39dd34;--color-calendar-graph-day-L2-bg:#45a045;--color-calendar-graph-day-L3-bg:#047526;--color-calendar-graph-day-L4-bg:#0a4208}rect.ContributionCalendar-day[data-level="0"]{fill:#dddbdb;fill:var(--color-calendar-graph-day-bg)}rect.ContributionCalendar-day[data-level="1"]{fill:#39dd34;fill:var(--color-calendar-graph-day-L1-bg)}rect.ContributionCalendar-day[data-level="2"]{fill:#45a045;fill:var(--color-calendar-graph-day-L2-bg)}rect.ContributionCalendar-day[data-level="3"]{fill:#047526;fill:var(--color-calendar-graph-day-L3-bg)}rect.ContributionCalendar-day[data-level="4"]{fill:#0a4208;fill:var(--color-calendar-graph-day-L4-bg)}.calendar .width-full>.float-left{display:none}.calendar{border:1px solid #ddd;border-radius:3px;font-family:Helvetica,arial;margin:0 auto;min-height:243px;text-align:center}.calendar-graph text.month,.calendar-graph text.wday{fill:#aaa;font-size:10px}.contrib-legend{display:inline-block;float:right;padding:0 14px 10px 0;text-align:right}.contrib-legend .legend{bottom:-1px;display:inline-block;list-style:none;margin:0 5px;padding:0;position:relative}.contrib-legend .legend li{display:inline-block;height:10px;width:10px}.text-small{color:#767676;font-size:12px}.calendar-graph{padding:5px 0 0;text-align:center}.contrib-column{border-left:1px solid #ddd;border-top:1px solid #ddd;font-size:11px;padding:15px 0;text-align:center}.contrib-column-first{border-left:0}.table-column{display:table-cell;padding-left:10px;padding-right:10px;vertical-align:top;width:1%}.contrib-number{color:#333;display:block;font-size:24px;font-weight:300;line-height:1.3em}.calendar img.spinner{margin-top:50px;min-height:70px;width:70px}.monospace{color:#000;font-family:monospace;text-align:center}.monospace a{color:#1d75ab;text-decoration:none}.contrib-footer{box-sizing:border-box;font-size:11px;height:26px;padding:0 10px 12px;text-align:left;width:100%}.left.text-muted{color:#767676;float:left;margin-left:9px}.left.text-muted a{color:#4078c0;text-decoration:none}.left.text-muted a:hover,.monospace a:hover{text-decoration:underline}h2.f4.text-normal.mb-3{display:none}.float-left.text-gray{float:left}#user-activity-overview{display:none}.day-tooltip{background:rgba(0,0,0,.85);border-radius:3px;color:#959da5;display:none;font-size:12px;padding:10px;pointer-events:none;position:absolute;text-align:center;white-space:nowrap;z-index:99999}.day-tooltip strong{color:#dfe2e5}.day-tooltip.is-visible{display:block}.day-tooltip:after{border:5px solid transparent;border-top-color:rgba(0,0,0,.85);bottom:-10px;box-sizing:border-box;content:" ";height:5px;left:50%;margin:0 0 0 -5px;position:absolute;width:5px}text.ContributionCalendar-label{fill:#ccc;font-size:11px}.github_data{background-color:#000;margin-top:3%}.github_data img{width:20%}.mystatistics-card{align-items:center;display:flex;justify-content:space-evenly;margin:auto;width:92%}.mystatistics-card div img{width:100%}.calender{color:#fff;margin:auto;width:90%}.position-relative{padding:5px}.contrib-number{color:skyblue}@media only screen and (max-width:1024px){.mystatistics-card{align-items:center;display:flex;gap:10px;justify-content:space-evenly;margin:auto;width:90%}}@media only screen and (max-width:720px){.mystatistics-card{align-items:center;flex-direction:column;gap:10px;justify-content:space-evenly;margin:auto;width:80%}}@media only screen and (max-width:512px){.mystatistics-card{align-items:center;flex-direction:column;gap:10px;justify-content:space-evenly;margin:auto;width:70%}}#experience{-webkit-animation:slideInBottom 2s forwards;animation:slideInBottom 2s forwards;margin:4% auto auto;padding:20px;width:90%}.section-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:30px;text-align:center}.experience-content{border-radius:10px;box-shadow:-5px 5px 5px #0cf;margin:0 auto;max-width:900px;padding:30px;text-align:left}.experience-content h3{color:#fff;font-size:24px;margin-bottom:10px}.experience-content .company{color:#fff;font-size:16px;font-weight:500;margin-bottom:15px}.experience-description{color:#fff;font-size:17px;line-height:1.7}@-webkit-keyframes slideInBottom{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInBottom{0%{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width:768px){#experience{margin-top:15%;padding:15px;width:95%}.experience-content{padding:20px}.section-title{font-size:26px}.experience-content h3{font-size:20px}.experience-description{font-size:16px}}@media screen and (max-width:512px){#experience{width:90%}.experience-content{padding:16px}.experience-description{font-size:15px}.section-title{font-size:24px}}
/*# sourceMappingURL=main.fa9ababb.css.map*/