body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html{background-color:#000;font-family:Georgia,serif;font-size:20px;height:auto;margin:0;min-height:100%}body,html{height:100%;text-align:center}body{margin:0 auto;max-width:1024px}#root,.App{height:100%;min-height:100%}.hyperlink{color:#add8e6}.margin-left{margin-left:50px}.margin-bottom{margin-bottom:10px}.margin-bottom-big{margin-bottom:100px}.margin-right{margin-right:50px}.inline-block{display:inline-block;vertical-align:top}.cv-home{height:800px;width:700px}.cv-pdf{width:1200px}.cv,.cv-pdf{height:600px}.cv{width:800px}.CNNImg{height:auto;width:200px}.cert{height:auto;width:600px}.cert-none{display:none}.cert-invisible{animation:fadeOut .5s}.cert-show{animation:fadeIn .5s;display:inline-block}.cert-invisible-prev{animation:fadeOutPrev .5s}.cert-show-prev{animation:fadeInPrev .5s;display:inline-block}.pageHeading{margin-bottom:50px;margin-top:0}.video{height:300px;width:300px}#contact_details_wrapper{display:inline-block;margin-right:100px;vertical-align:top}#social_media_wrapper{display:inline-block}@keyframes fadeOut{0%{opacity:1;transform:translateX(0)}50%{opacity:.01;transform:translateX(-5%)}to{opacity:0;transform:translateX(-10%)}}@keyframes fadeIn{0%{opacity:0;transform:translateX(10%)}50%{opacity:.01;transform:translateX(5%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOutPrev{0%{opacity:1;transform:translateX(0)}50%{opacity:.01;transform:translateX(5%)}to{opacity:0;transform:translateX(10%)}}@keyframes fadeInPrev{0%{opacity:0;transform:translateX(-10%)}50%{opacity:.01;transform:translateX(-5%)}to{opacity:1;transform:translateX(0)}}@media screen and (max-width:1600px){.cv{height:600px;width:600px}}@media screen and (max-width:1400px){.cv-pdf{height:400px;width:800px}.cv-home{height:800px;width:600px}.cv{height:600px;width:500px}.projects{margin:0}.video{height:300px;width:300px}}@media screen and (max-width:1300px){.cert{height:auto;width:400px}.cv-pdf{height:500px;width:500px}.CNNImg{height:auto;width:100px}body{margin:auto;max-width:650px;text-align:center}}@media screen and (max-width:700px){body{margin:auto;max-width:350px;text-align:center}.video{height:200px;width:200px}.projects{margin:0}.CNNImg{height:auto;width:50px}.cert{height:auto;width:200px}.cv-home{height:600px;width:400px}.cv{height:1200px;left:-20%;position:relative;width:500px;z-index:-1}.cv-home{display:none;height:100%;width:100%}#social_media_wrapper{display:block}}@media screen and (max-height:700px){.pageHeading{margin-bottom:30px;margin-top:0}}#introduction_wrapper{height:100%;width:100%}#introduction{align-items:center;display:flex;height:100%}#left_section{display:inline-block;width:50%}#left_section *{float:left}#right_section{display:inline-block;width:50%}#right_section #about_me{float:right}#right_section #about_me *{text-align:right}ul{list-style-type:none}#title_wrapper h1{font-weight:900}#profileImg{border-radius:50%;height:auto;width:200px}*{-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}ul{margin:0;padding:0}#can{height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@media screen and (max-width:1300px){#profileImg{height:auto;width:150px}}@media screen and (max-width:1000px){#profileImg{height:auto;width:130px}#right_section #about_me div p{font-size:14px}}@media screen and (max-width:600px){#profileImg{height:auto;width:100px}#right_section #about_me div p{font-size:15px}}@media screen and (max-width:400px){#profileImg{height:auto;width:100px}#right_section #about_me div p{font-size:12px}}#WelcomeWrapper{height:100%;min-height:100%;width:100%}#cvPage{height:100%}#cvWrapper{background-color:#000;color:#fff;display:none}#downloadCV{text-align:center}#learningWrapper{height:100%;margin-top:50px;width:100%}#cvWrapper P,span{color:#fff}@media screen and (max-width:1700px){#cvWrapper{background-color:#000;color:#fff;padding:70px 400px}}@media screen and (max-width:1400px){#cvWrapper{background-color:#000;color:#fff;padding:70px 200px}}@media screen and (max-width:900px){#cvWrapper{background-color:#000;color:#fff;padding:70px 150px}}@media screen and (max-width:700px){#cvWrapper{background-color:#000;color:#fff;padding:70px 10%}.main-body{padding:0}}#learningWrapper{text-align:center}.circle{display:inline-block;padding:0 10px;width:10px}.circle-small{animation:shrink 1s;width:10px}.circle-big{animation:expand 1s;width:20px}@keyframes expand{0%{width:10px}to{width:20px}}@keyframes shrink{0%{width:20px}to{width:10px}}.main-body{color:#fff;height:100%;margin:0;min-height:100%;width:100%}#productsWrapper{display:flex;height:100%;justify-content:center;width:100%}#productsWrapper div div h1{font-size:30px;margin:50px 0 0;padding:0}.product{display:inline-block;vertical-align:top;width:500px}.productImg{height:auto;width:270px}.productCaptionWrapper{padding:0 100px;text-align:justify}@media screen and (max-width:600px){#productsWrapper h1{font-size:40px}.productTitleWrapper h2{font-size:24px}.product{display:inline-block;width:300px}.productImg{height:auto;width:200px}.productCaptionWrapper{padding:0 50px}}@media screen and (max-height:600px){.product{width:300px}.product h2{font-size:30px}.productImg{height:auto;width:250px}.productCaptionWrapper{font-size:16px;padding:0 25px}}#profile_wrapper{background-image:linear-gradient(#3d3d3d,#000);height:100%;padding:200px 100px;text-align:center}#profile-picture{height:auto;width:300px}.contact-header{font-size:12px;text-align:left;width:200px}.contact-detail{font-size:12px;width:100px}#contact_details{margin-bottom:100px}.contact-detail *{float:right}@media screen and (max-width:1400px){#profile_wrapper{height:100%;padding:80px 100px;text-align:center}}@media screen and (max-width:1000px){#contact_details_wrapper{text-align:left;width:200px}.contact-detail{text-align:left}.contact-detail *{float:left}.contact-header{display:none}}@media screen and (max-width:800px){#profile_wrapper{height:100%;padding:50px 100px;text-align:center}#profile{justify-items:center;width:100%}#contact_details_wrapper{margin:0;text-align:left;width:300px}#githubChartWrapper{align-items:center;display:none}.githubChart{width:100px}#profile-picture{height:auto;width:300px}}@media screen and (max-width:700px){.contact-detail{float:none}.profile-picture{height:auto;width:250px}#contact_details_wrapper{text-align:left;width:200px}.contact-header{display:none}}@media screen and (max-width:600px){#profile_wrapper{height:100%;padding:100px 114px}#profile{justify-items:center;width:100%}#contact_details_wrapper{text-align:left;width:200px}#contact_details{margin-bottom:10px;text-align:center}.contact-detail{font-size:11px}h1{font-size:18px}#profile-picture{height:auto;width:200px}}#sidebar{animation:slideIn 2s;display:block;left:0;position:fixed;top:35%;width:100px}@keyframes slideIn{0%{transform:translateX(-100px)}to{transform:translateX(0)}}#sidebar ul{list-style-type:none;margin:0;padding:0;text-align:center}.sidebar-Item-Top{border-top-right-radius:70%}.sidebar-Item-Bottom,.sidebar-Item-Top{align-items:center;background-color:#2f4050;color:#fff;display:flex;height:100px;justify-content:center;text-align:center;width:100%}.sidebar-Item-Bottom{border-bottom-right-radius:70%}.sidebar-Item-Top:hover{background-color:#2f5050;border-top-right-radius:70%}.sidebar-Item-Bottom:hover{background-color:#2f5050;border-bottom-right-radius:70%}@media screen and (max-width:700px){.sidebar-Item{font-size:10px}#sidebar{background-color:#2f4050;border-bottom-right-radius:0;border-top-right-radius:0;display:block;opacity:80%;position:fixed;top:35%;width:50px}}@media screen and (max-height:700px){.sidebar-Item{height:60px}}.formWrapper{margin:20px auto;padding:50px 200px}form{padding:30px}.margin_bottom{margin-bottom:50px}.red_text{color:red}.grey_section{background-color:#d3d3d3;color:grey}.text_input{width:600px}#blog_text_input,.text_input{background:#0000;border:none;border-bottom:1px solid #000}#blog_text_input{width:100%}.small_text_input{background:#0000;border:none;border-bottom:1px solid #000;width:200px}#blogPage{height:100%}.blog-wrapper{padding:50px 500px}#blog,.blog-wrapper{background-color:#000}#blog{display:none}#status{align-items:center;display:flex;font-size:30px;font-weight:800;height:100%;justify-content:center}p{color:lime}@media screen and (max-width:1400px){.blog-wrapper{background-color:#000;padding:50px 200px}}@media screen and (max-width:700px){.blog-wrapper{padding:50px}.blog-wrapper p span{text-align:left}}@media screen and (max-width:500px){.blog-wrapper{padding:50px 10px}.blog-wrapper p span{text-align:left}}
/*# sourceMappingURL=main.f5d34c0c.css.map*/