.mobile{background-color:#fff;height:100vh;width:60vw;position:fixed;right:-1px;top:-3px;padding:18px 12px;display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;z-index:3}.dark-mobile{background-color:#000}.close-icon{-moz-box-pack:end;justify-content:flex-end;font-size:24px}.close-icon,.mobile-options{display:-moz-box;display:flex}.mobile-options{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%;padding-top:24px;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;height:100%}.mobile-option{font-size:24px;margin:12px 0;display:-moz-box;display:flex}.mobile-option a{text-decoration:none;color:#000}.light-dark-option-mobile,.mobile-option a{display:-moz-box;display:flex}.dark-mob-options a{color:#fff}.mobile-menu-overlay{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:2;cursor:pointer}.web{display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1;-moz-box-align:center;align-items:center}.web-option{font-size:20px;margin-right:16px;font-weight:700}.web-option a{text-decoration:none;color:#000}.light-dark-option,.web-option a{display:-moz-box;display:flex;-moz-box-align:center;align-items:center}.dark-web-options a{color:#fff}.option-icon{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;margin-right:4px}.web-option:last-child{margin-right:0}.header{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-flex:1;flex:1 1;padding:12px;position:fixed;-moz-box-align:center;align-items:center;width:70vw;background-color:#fff}.header-dark{background-color:#000}.menu{display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1;-moz-box-pack:end;justify-content:flex-end}.menu-icon{font-size:24px}.mobile-menu{display:none}.logo,.web-menu{display:-moz-box;display:flex}.logo{font-size:36px;color:#4169e1;font-weight:800}.dark-logo{color:#00bfff}@media only screen and (max-width:720px){.header{width:90vw!important}.mobile-menu{display:-moz-box;display:flex}.web-menu{display:none}.logo{font-size:24px}}.about{padding-bottom:48px}.about-top{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center}.about-picture{height:420px}.info-name{color:blue;font-size:32px}.dark-info-name{color:#87cefa}@media only screen and (max-width:720px){.about-top{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.about-picture{height:280px}.about-info{font-size:20px}.info-name{font-size:26px}}.contact{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.contact,.contact-container{display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1}.contact-container{-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;margin:16px 0}.contact-left{max-width:60%;font-size:20px;text-align:center}.download{background-color:#2a5c9e;padding:8px 16px;font-size:24px;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;border-radius:4px}div.download a{text-decoration:none;color:#fff}@media only screen and (max-width:720px){.contact-container{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center}.contact-left{width:100%;margin-bottom:12px}.contact-left,.download{font-size:16px}}.project-card{display:-moz-box;display:flex;-moz-box-flex:1;flex:1 1;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center;margin:16px 0;padding:8px 0}.project-photo{width:40%}.project-info{margin-right:24px}.project-title{font-size:20px;font-weight:600}.project-tags{display:-moz-box;display:flex;max-width:60%;flex-wrap:wrap}.tag{padding:4px 8px;background-color:#2a5c9e;color:#fff;border-radius:4px;margin-right:6px;margin-bottom:4px}.project-links{margin-top:6px;display:-moz-box;display:flex}.project-links a{text-decoration:none;color:#fff}.link-button{-moz-box-align:center;align-items:center;background-color:#2a5c9e;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:4px 8px;border-radius:4px;font-size:16px;margin-right:6px}.link-button,.link-button i{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.link-button i{margin-right:4px}@media only screen and (max-width:720px){.project-photo{width:70%}.project-card{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}.project-info{margin:12px 0 0}.project-tags{max-width:100%}}.projects{-moz-box-flex:1;flex:1 1}.projects,.skill-card{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.skill-card{width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:8px 16px;height:120px;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;margin:6px;border-radius:8px}.skill-icon{font-size:80px}.skill-name{font-size:18px}@media only screen and (max-width:720px){.skill-card{width:-webkit-max-content;width:-moz-max-content;width:max-content;height:100px}.skill-icon{font-size:60px}}.skills{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%}.skills,.skills-section{display:-moz-box;display:flex}.skills-section{-moz-box-pack:justify;justify-content:space-between;margin:12px 0}.skills-section-title{font-size:24px;font-weight:600}.skills-list{display:-moz-box;display:flex;flex-wrap:wrap;max-width:70%;-moz-box-pack:end;justify-content:flex-end}@media only screen and (max-width:720px){.skills-list{max-width:100%;-moz-box-pack:center;justify-content:center}.skills-section{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-moz-box-align:center;align-items:center}}.work{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:100%}.work-list{flex-wrap:wrap;margin:20px 0}.work-card,.work-list{display:-moz-box;display:flex;-moz-box-pack:justify;justify-content:space-between;-moz-box-align:center;align-items:center}.work-card{padding:8px;width:45%;margin-top:16px;-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}.work-logo{height:80px}.work-info{display:-moz-box;display:flex;-moz-box-align:start;align-items:flex-start;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.work-dates{color:gray}.dark-work-date{color:#d3d3d3}.work-desc{text-align:left;max-width:80%}@media only screen and (max-width:720px){.work-card{width:100%}}.body{padding:90px 12px 36px}.loader{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center;height:100vh;width:100vw}.loader-dots{padding-top:28px}.loader-text{font-size:35px;font-weight:800}.dark-loader-text{color:#fff}@media only screen and (max-width:720px){.loader-text{font-size:30px;font-weight:800}}.gradient-button,.gradient-div{display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center}.gradient-button{background-image:-webkit-gradient(linear,left bottom,right top,from(#6c2be5),color-stop(#7728e2),color-stop(#8024df),color-stop(#8920dc),color-stop(#911cd9),color-stop(#714cec),color-stop(#4a68f9),color-stop(#007dff),color-stop(#00a4ff),color-stop(#00c5ff),color-stop(#00e2ff),to(#5ffbf1));background-image:-moz-linear-gradient(left bottom,#6c2be5,#7728e2,#8024df,#8920dc,#911cd9,#714cec,#4a68f9,#007dff,#00a4ff,#00c5ff,#00e2ff,#5ffbf1);background-image:linear-gradient(to right top,#6c2be5,#7728e2,#8024df,#8920dc,#911cd9,#714cec,#4a68f9,#007dff,#00a4ff,#00c5ff,#00e2ff,#5ffbf1);-moz-box-align:center;align-items:center;border-radius:50px;width:30%;border:none;padding:2% 0;color:#efefef;font-size:16px;margin-bottom:25px;cursor:pointer;font-weight:600}.button-hidden{display:none}@media only screen and (max-width:600px){.gradient-button{width:35%;padding:3% 0}}.scrollTop,.scrolltotop-div{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.scrollTop{border-radius:50%;position:fixed;width:auto;font-size:40px;bottom:20px;height:40px;z-index:1000;cursor:pointer;-webkit-animation:fadeIn .3s;-moz-animation:fadeIn .3s;animation:fadeIn .3s;-webkit-transition:opacity .4s;-moz-transition:opacity .4s;transition:opacity .4s;opacity:.5}.dark-scrolltop{color:#fff}.light-scrolltop{color:#000}.scroll-none{display:none}.scrollTop:hover{opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.seperator{background-image:-webkit-gradient(linear,left bottom,right top,from(#6c2be5),color-stop(#7728e2),color-stop(#8024df),color-stop(#8920dc),color-stop(#911cd9),color-stop(#714cec),color-stop(#4a68f9),color-stop(#007dff),color-stop(#00a4ff),color-stop(#00c5ff),color-stop(#00e2ff),to(#5ffbf1));background-image:-moz-linear-gradient(left bottom,#6c2be5,#7728e2,#8024df,#8920dc,#911cd9,#714cec,#4a68f9,#007dff,#00a4ff,#00c5ff,#00e2ff,#5ffbf1);background-image:linear-gradient(to right top,#6c2be5,#7728e2,#8024df,#8920dc,#911cd9,#714cec,#4a68f9,#007dff,#00a4ff,#00c5ff,#00e2ff,#5ffbf1);height:6px;width:40%;border-radius:3px;margin:16px 0}.social-contact{display:-moz-box;display:flex;-moz-box-align:center;align-items:center;-moz-box-pack:center;justify-content:center}.social-icon-div{padding:6px;cursor:pointer;margin:6px}.social-icon{height:40px}@media only screen and (max-width:720px){.social-icon{height:32px}}.footer{padding:12px;display:-moz-box;display:flex;-moz-box-pack:center;justify-content:center;-moz-box-align:center;align-items:center;margin-top:24px}html{scroll-behavior:smooth}.home{display:-moz-box;display:flex;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;width:70%;margin:auto}.section-title{font-size:32px;font-weight:700}@media only screen and (max-width:1024px){.home{width:90%}.header{width:87vw!important}}@media only screen and (max-width:512px){.home{width:100%}}body{font-family:Work Sans,sans-serif;padding:0;margin:0}.app-container.light{color:#000;background-color:#fff}.app-container.dark{color:#fff;background-color:#000}