body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#171717;background:radial-gradient(circle,#171717 43%,#193719 100%);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{align-items:center;display:flex;justify-content:center;text-align:center}.content_container{width:100%}.homeMain{display:flex;flex-direction:column;font-family:PT Sans,sans-serif;font-size:.85rem;margin:0 auto;width:90%}.home_container{display:flex;justify-content:space-between;min-height:90vh}.home_header{margin-top:1em}.pages{display:flex;width:100%}.greenbtn{background-color:green;border-radius:9px;color:#fff;cursor:pointer;padding:.85em 2em;text-decoration:none}.greenbtn:hover{background-color:#004225;font-weight:700;padding:.7em 1.9em}@media (max-width:500px){.greenbtn{font-size:.85rem}}*{box-sizing:border-box;margin:0;padding:0}header{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.nav_btn_wrapper{align-items:right;display:flex;justify-content:right;width:100%}.button{align-items:center;background-color:green;border-radius:60px;color:#fff;display:inline-flex;height:42px;margin-left:1em;max-width:41px;overflow:hidden;text-decoration:none;transition:max-width .5s;width:auto}.button:hover{max-width:300px}.icon{align-items:center;display:flex;font-family:Font Awesome\ 5 Free;font-size:16px;margin-right:8px;padding:0 8px}.text{padding-right:15px;white-space:nowrap}.nav_btn{background:transparent;border:none;color:green;cursor:pointer;font-size:1px;opacity:0;outline:none;padding:.5em;visibility:hidden}@media only screen and (max-width:500px){.nav_btn{font-size:1.3rem;opacity:1;visibility:visible}nav{align-items:center;background-color:#004225;display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;-webkit-transform:translateY(-100vh);transform:translateY(-100vh);transition:.5s;width:100%;z-index:2}.responsive_nav{-webkit-transform:none;transform:none}.nav_close_btn,.nav_open_btn{position:absolute;right:2rem;top:2rem}.button{align-items:center;background-color:green;border-radius:60px;color:#fff;display:inline-flex;height:42px;margin-left:1em;max-width:120px;overflow:hidden;padding:0 2em 0 0;text-decoration:none;transition:max-width .5s;width:auto}}.welcome_content{align-items:center;display:flex;justify-content:space-between}.Intro_text{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.welcome_image{background-color:green;border-radius:138px 173px 134px 200px;-webkit-border-radius:138px 173px 134px 200px;-moz-border-radius:138px 173px 134px 200px;margin:1em;width:49%}.content_sidebar_wrapper{display:flex;justify-content:space-between;min-height:90vh}.text_content{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;padding-left:1em;width:49%}.worry_not{color:green}h1{font-size:1.8rem;margin:0;padding:0}.welcome_intro_text,h1{color:#fff;text-align:left}.welcome_intro_text{font-size:.9rem}.hire_me_buttons{align-items:flex-end;display:flex;justify-content:flex-end;margin:1em 0 2em;width:100%}.about_me_btn,.hire_me_btn{margin-left:1em}@media (max-width:1080px){.welcome_content{flex-direction:column;justify-content:center}.text_content{width:90%}.welcome_image{width:50%}}@media (max-width:700px){.welcome_image{width:60%}}@media (max-width:400px){.welcome_image{width:100%}.about_me_btn,.hire_me_btn{padding:1em;width:46%}}@media (max-width:320px){.about_me_btn,.hire_me_btn{padding:.5em;width:47%}}.aside,.media_links{display:flex;flex-direction:column;justify-content:center}.media_links{align-items:center;height:300px}.social_media_icon_a{color:green;display:block;margin:1em}.aboutme_container{color:#fff;font-size:1rem;text-align:center}.aboutme_header{text-align:left}.aboutme_header_desc{border-bottom:1px solid green;margin:0 0 .5em}.aboutme_image{height:550px;object-fit:cover;width:400px;width:32%}.about_me_text{margin:0 0 2em;text-align:left}.aboutme_Wrapper_details{display:flex;flex-direction:column;margin:0 1em;width:32%}.aboutme_Wrapper{display:flex;justify-content:center;margin-top:1em}.big_screen_hide{display:none}.aboutme_Wrapper_more{display:flex;justify-content:space-between;margin:0 0 1em}.aboutme_more{background-color:#004225;border-radius:10px;padding:.5em;width:20%}.aboutme_more_count{font-size:2rem;font-weight:900;margin:0;padding:0}.about_me_btn_wrapper{align-items:flex-end;display:flex;justify-content:flex-end;margin-bottom:2em}.cv_btn,.skills_btn{margin-left:1em}@media (max-width:1250px){.aboutme_Wrapper_details,.aboutme_image{width:40%}}@media (max-width:1010px){.aboutme_Wrapper{align-items:center;flex-direction:column;justify-content:center}.small_screen_hide{display:none}.big_screen_hide{display:block}.aboutme_Wrapper_details,.aboutme_image{width:80%}.aboutme_Wrapper_details,.aboutme_image{margin-top:1em}}@media (max-width:628px){.aboutme_Wrapper_details,.aboutme_image{width:90%}.aboutme_more{padding-bottom:1em;width:30%}.cv_btn,.skills_btn{font-size:.85rem}}@media (max-width:331px){.cv_btn,.skills_btn{padding:.85em;width:48%}}@media (max-width:300px){.aboutme_Wrapper_details,.aboutme_image{width:100%}.aboutme_more{padding:0;width:32%}}.skills_container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0 auto}.container{width:80%}.skills_header{align-items:center;display:flex;flex-direction:column;justify-content:center}.technical_skills_container{display:flex;justify-content:space-between;padding-bottom:4em}.skills_bar_left,.skills_bar_right{width:49.5%}.skills_text{color:green;font-size:1.5rem;margin-top:1em}.skills_desc{color:#fff;font-size:1rem;margin-bottom:2em;text-align:left}.technical_skills_container_Webdev{font-size:1.25rem;padding-bottom:.85em}.skills_bar{background-color:#004225;border-radius:5px;color:#fff;padding:1em}.bar{margin:1em 0}.skills_bar:first-child{margin-top:0}.info{font-weight:600;margin-bottom:5px;text-align:left;width:100%}.info span{-webkit-animation:showText 1.7s linear 1.7s forwards;animation:showText 1.7s linear 1.7s forwards;opacity:0}@-webkit-keyframes showText{to{opacity:1}}@keyframes showText{to{opacity:1}}.bar .progress_line{-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) forwards;animation:animate 1s cubic-bezier(1,0,.5,1) forwards;background-color:#273428;height:8px;width:100%}.bar .progress_line,.progress_line span{border-radius:10px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left;transform-origin:left}.progress_line span{-webkit-animation:animate 1s cubic-bezier(1,0,.5,1) .5s forwards;animation:animate 1s cubic-bezier(1,0,.5,1) .5s forwards;background-color:green;display:flex;height:100%;position:relative;width:80%}@-webkit-keyframes animate{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animate{to{-webkit-transform:scale(1);transform:scale(1)}}.progress_line.html span{width:95%}.progress_line.css span{width:94%}.progress_line.java span{width:90%}.progress_line.mysql span{width:100%}.progress_line.Javascript span{width:90%}.progress_line.PHP span{width:60%}.progress_line.Git span{width:90%}.progress_line.Networking span{width:60%}.progress_line.Communication span{width:95%}.progress_line.Collaboration span,.progress_line.Problemsolving span{width:90%}.progress_line.Fastlearner span{width:95%}.progress_line.Leadership span{width:90%}.progress_line.Timemanagement span{width:94%}.progress_line span:before{border-color:#000 transparent transparent;border-style:solid;border-width:7px 0 0 7px;content:"";height:0;top:-10px;width:0}.progress_line span:after,.progress_line span:before{-webkit-animation:showText2 1.7s linear 1.7s forwards;animation:showText2 1.7s linear 1.7s forwards;opacity:0;position:absolute;right:0}.progress_line span:after{background:#000;border-radius:4px;border-top-color:#000;color:#fff;content:"80%";font-size:12px;font-weight:500;padding:.06rem .5em;top:-26px}@-webkit-keyframes showText2{to{opacity:1}}@keyframes showText2{to{opacity:1}}.progress_line.html span:after{content:"95%"}.progress_line.css span:after{content:"94"}.progress_line.java span:after{content:"90"}.progress_line.mysql span:after{content:"100"}.progress_line.Javascript span:after{content:"90"}.progress_line.PHP span:after{content:"60"}.progress_line.Git span:after{content:"90"}.progress_line.Networking span:after{content:"60"}.progress_line.Communication span:after{content:"95%"}.progress_line.Collaboration span:after,.progress_line.Problemsolving span:after{content:"90%"}.progress_line.Fastlearner span:after{content:"95%"}.progress_line.Leadership span:after{content:"90%"}.progress_line.Timemanagement span:after{content:"94%"}.education_experience_container{grid-column-gap:20px;color:#fff;display:grid;grid-template-columns:1fr 1fr}.edu_desc{font-size:1rem;margin-bottom:2em}.edu_desc,.education_title{text-align:left}.contents{border-left:2px solid green;padding:1em}.box{background-color:#273428;border:1px solid #004225;border-radius:5px;cursor:pointer;margin-bottom:1em;padding:1em;position:relative;text-align:left;transition:all .4s}.box:hover{border:1px solid transparent;box-shadow:0 3px 12px 0 green}.box:before{background-color:green;border:2px solid #004225;border-radius:50%;content:"";height:16px;position:absolute;right:calc(100% + .5em);top:0;width:16px}.box h4{color:green;font-size:.9rem}.box h3{font-size:1.1rem}.skill_page_btns{align-items:flex-end;border-bottom:2px solid green;display:flex;justify-content:flex-end;margin:1em;padding:1em}.skillpage_btn{margin-left:1em}.contactme_footer{margin-bottom:3em}@media (max-width:1000px){.technical_skills_container{flex-direction:column}.skills_bar_left,.skills_bar_right{width:100%}.skills_bar_left{margin-bottom:2em}}@media (max-width:800px){.container{width:100%}.education_experience_container{grid-column-gap:0;grid-template-columns:1fr}.col{margin-bottom:1em}}.project_Container{justify-content:center}.contactme_container,.project_Container{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0 auto}.contactme_details{display:flex;font-size:1em;justify-content:space-between;margin:0 auto;width:100%}.contactme_text{color:green;font-size:1.5rem;margin-top:1em}.getintouch{border-bottom:1px solid green;margin:0 0 2em}.contactme_col1{text-align:left;width:30%}.contactme_col1 p{margin:0}.cwrapper{margin-bottom:2em}.cmtext{font-size:1.2rem}.contactme_col2{display:flex;flex-direction:column;width:68%}.name_and_email_container{display:flex;justify-content:space-between;margin-bottom:1em}.email_wrapper,.name_wrapper{background-color:#004225;border-radius:10px;padding:2em 2em 1em;width:49.5%}.email_wrapper,.form_wrapper,.name_wrapper{display:flex;flex-direction:column}.message_wrapper,.project_wrapper{background-color:#004225;border-radius:10px;box-sizing:border-box;display:flex;margin-bottom:1em;padding:2em 2em 1em;width:100%}.contactme_col2 input,textarea{display:block;padding-bottom:1em}.contactme_col2 label{text-align:left}.text_input{background-color:#004225;border:none;color:#ccc;font-size:1rem}.contactme_col2 label{font-size:1rem;font-weight:570}.contactme_col2 input:focus,.contactme_col2 textarea:focus{outline:none}.col2_submit_btn{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.col2_submitbtn{background-color:green;border:none;margin-bottom:.5em;outline:none}.contactme_footer{margin-top:2em}.pHide{display:none}.pShow{color:#adff2f;display:block}@media (max-width:1200px){.name_and_email_container{flex-direction:column;margin:0}.email_wrapper,.name_wrapper{box-sizing:border-box;margin-bottom:1em;width:100%}.form_wrapper{display:flex;width:100%}}@media (max-width:700px){.contactme_col1,.contactme_col2{text-align:center;width:100%}.contactme_details{align-items:center;display:flex;flex-direction:column;justify-content:center}}
/*# sourceMappingURL=main.63af28b0.css.map*/