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{text-align:center}#app-container,*{background-color:#20232f}#app-container{color:#fff}.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)}}: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}*{box-sizing:border-box;margin:0;padding:0}#nav-menu{margin-bottom:50px}.intro_box{display:flex;margin-top:50px;padding:0 20px}.intro_left{margin:auto;padding:60px 100px;width:50%}.home-img{-webkit-animation:floatImage 4s ease-in-out infinite;animation:floatImage 4s ease-in-out infinite;margin:auto;object-fit:contain;padding:10px 50px;width:50%}@-webkit-keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes floatImage{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.soco_icon{font-size:larger;-webkit-transform:scale(1);transform:scale(1);transition:.5s ease-in-out}.soco_icon :hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.intro_right{margin:auto;padding:20px 0;width:50%}#about{display:flex;flex-direction:row;justify-content:space-between;margin:100px auto;width:95%}.about_left{padding:80px 60px;width:50%}.about_right{padding:50px 40px;width:55%}.about_left>img{border-radius:10px;width:100%}#skill-container-inner{display:flex;height:-webkit-max-content;height:max-content}#skills{margin:auto;width:95%}#skills_left{width:50%}.left_dup{height:400px;padding:40px}.left_dup>img{border-radius:10px;margin:auto;width:70%}#left_real{height:500px;padding:10px 30px;text-align:center}#frontend_skills{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:10px 20px}#frontend_skills div{border:5px solid #03c8d7;border-radius:10px;transition:border border-width .2s ease-in-out ease-in-out .2s}#frontend_skills div:hover{border-radius:10px;border-width:0;transition:border .2s ease-in-out}#fontSkill_img{display:block;margin:auto;width:35%}#skills_right{width:50%}#right_real{height:500px;padding:10px 30px;text-align:center}.back_end_skills{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);padding:10px 20px}.back_end_skills div{border:5px solid #03c8d7;border-radius:10px;transition:border border-width .2s ease-in-out ease-in-out .2s}.back_end_skills div:hover{border-width:0;transition:border .2s ease-in-out}#backEnd_img{display:block;margin:auto;width:35%}.right_dup{height:0;padding:40px}.right_dup>img{border-radius:10px;margin:auto;width:70%}.OtherSkills-inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:40px 80px;text-align:center}.OtherSkills-inner div{border:5px solid #03c8d7;border-radius:10px;transition:border border-width .2s ease-in-out ease-in-out .2s}.OtherSkills-inner div:hover{border-radius:10px;border-width:0;transition:border .2s ease-in-out}#tool_skill_img{display:block;margin:auto;width:20%}#tool_skill_img2{display:block;margin:auto;width:50%}#skillName{color:#03c8d7;font-size:large;font-weight:700;margin-top:10px}.tool{padding:0 60px}.skillNameTitle{color:#03c8d7;font-size:x-large;font-weight:700;margin-top:10px}.tool{font-size:xx-large;padding:0 80px}#project{margin:40px 0}.project-card{padding:7px}#card_img{transition:-webkit-transform .1s ease-in-out;transition:transform .1s ease-in-out;transition:transform .1s ease-in-out,-webkit-transform .1s ease-in-out}#card_img:hover{-webkit-transform:scale(1.4);transform:scale(1.4)}#card_soco{-webkit-transform:scale(.98);transform:scale(.98)}#card_soco:hover{background-color:#03c8d7;-webkit-transform:scale(1.1);transform:scale(1.1)}.project_main{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(2,1fr);margin:auto;width:-webkit-max-content;width:max-content}.calendar img{margin:auto;width:90%}#statistics{margin-top:100px}.calendar{border:1px solid #03c8d7;margin-top:50px;padding:20px}.stat-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(2,1fr);margin:50px auto;padding:20px 60px;width:80%}.stat-container img{background-color:initial;border-radius:20px;width:100%}.stat-container div{border:1px solid #03c8d7}.statthree{background-color:initial;margin-left:75%;width:60%}@media (max-width:767px){.intro_box{display:flex;flex-wrap:wrap}.intro_left{padding:60px 10px;width:100%}.intro_left div{margin:auto;width:100%}.home-img{margin:auto;padding:20px 0;width:250px}.intro_right{margin:15% auto;padding:20;width:70%}.soco_icon{font-size:medium}#about{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:40px 0;padding:10px 20px;width:100%}.about_left{padding:20px 10px;width:100%}.about_left>img{width:400px}.about_right div{margin:auto;width:100%}.about_right{padding:40px 10px;width:100%}#skill-container-inner{display:grid;grid-template-columns:repeat(1,1fr)}#skills_left{padding:10px;width:100%}#skills{display:grid;grid-template-columns:repeat(1,1fr);width:100%}.tool{font-size:x-large;padding:0 80px}#fontSkill_img{height:50px;width:60%}#frontend_skills{grid-template-columns:repeat(2,1fr)}#frontend_skills div{border:3px solid #03c8d7;border-radius:10px;height:100px;margin:auto;width:100px}#left_real{color:#03c8d7;height:100%;padding:10px 30px;text-align:center}.left_dup{height:300px;margin:auto;padding:20px;width:100%}.left_dup>img{margin:auto;width:400px}.right_dup{height:300px;margin:auto;padding:20px;width:100%}.right_dup>img{margin:auto;width:400px}#skills_right{padding:10px;width:100%}#right_real{color:#03c8d7;height:-webkit-max-content;height:max-content;margin:auto;padding:10px 20px;text-align:center}.back_end_skills div{border:3px solid #03c8d7;border-radius:10px;margin:auto;width:100px}.back_end_skills{grid-template-columns:repeat(2,1fr)}#backEnd_img{height:60px;margin:auto;width:60%}.OtherSkills-inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:auto;padding:40px 20px;text-align:center;width:70%}.OtherSkills-inner div{border:3px solid #03c8d7;display:flex;flex-direction:column;margin:auto;padding:10px 5px;width:100px}#OtherSkills_container{color:#03c8d7;margin-top:40px;padding:10px}#tool_skill_img{display:block;margin:auto;width:50%}#tool_skill_img2{display:block;height:40px;margin:auto;width:70%}.tool{padding:0 100px}.skills-card-img{width:80%}.project_main{grid-template-columns:repeat(1,1fr)}.project-card{padding:3px}.calendar img{margin:auto;width:100%}.calendar{padding:20px}.stat-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(1,1fr);margin:10px auto;padding:20px 10px;width:80%}.stat-container img{background-color:initial;border-radius:20px;width:100%}.stat-container div{border:1px solid #03c8d7;width:100%}.statthree{background-color:initial;margin:auto;width:100%}}@media (min-width:768px) and (max-width:1023px){.intro_box{display:flex;flex-wrap:wrap;margin:auto}.intro_left{padding:60px 10px;width:100%}.intro_left div{margin:auto;width:100%}.home-img{margin:auto;padding:20px 0;width:30%}.intro_right{margin:40px 0;padding:10px;width:100%}.into_myself,.soco_icon{font-size:x-large}#about{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:40px 0;padding:10px 60px}.about_left{padding:20px 10px;width:100%}.about_left>img{margin:auto;width:70%}.about_right div{margin:auto;width:100%}.about_right{padding:40px 10px;width:100%}.about_me{font-size:xx-large}#user-detail-intro,.more_detail_text{font-size:large}#skill-container-inner{display:grid;grid-template-columns:repeat(1,1fr)}#skills_left{padding:10px;width:100%}#left_real{color:#03c8d7;height:100%;padding:10px 30px;text-align:center}.left_dup{height:500px;margin:auto;padding:20px;width:70%}#frontend_skills div{border:5px solid #03c8d7;border-radius:10px;height:100px;margin:auto;width:70%}#fontSkill_img{height:50px;margin:auto;width:50px}.left_dup>img{height:90%;margin:3% auto;width:70%}.right_dup{height:500px;margin:auto;padding:20px;width:70%}.right_dup>img{margin:3% auto;width:70%}#skills_right{padding:10px;width:100%}#right_real{color:#03c8d7;height:-webkit-max-content;height:max-content;padding:40px 10px}#backEnd_img{display:block;height:50px;margin:auto;width:50px}.back_end_skills div{height:100px;margin:auto;width:70%}.back_end_skills{grid-template-columns:repeat(3,1fr)}#skillName{color:#03c8d7;font-size:large;font-weight:700;margin-top:10px}.skillNameTitle{font-size:xx-large}.tool{font-size:33px;padding:0 170px}.OtherSkills-inner{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:auto;padding:40px;text-align:center;width:60%}#tool_skill_img{width:50px}.OtherSkills-inner>div{margin:auto;width:120px}#tool_skill_img2{width:100px}#OtherSkills_container{color:#03c8d7;margin-top:50px;padding:10px}.project_main{gap:30px;grid-template-columns:repeat(2,1fr)}.project-card{padding:5px}.stat-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(1,1fr);margin:30px auto;padding:20px 10px;width:80%}#calendar_img{margin:auto;width:100%}.stat-container img{background-color:initial;border-radius:20px;margin:auto;width:80%}.stat-container div{border:1px solid #03c8d7;margin:auto;width:80%}.statthree{background-color:initial;margin:auto;width:80%}}
/*# sourceMappingURL=main.873908ac.css.map*/