@font-face{font-family:"Rubik";font-weight:300;font-style:normal;src:url(../fonts/rubik/Rubik-Light.ttf)}@font-face{font-family:"Rubik";font-weight:300;font-style:italic;src:url(../fonts/rubik/Rubik-LightItalic.ttf)}@font-face{font-family:"Rubik";font-weight:400;font-style:normal;src:url(../fonts/rubik/Rubik-Regular.ttf)}@font-face{font-family:"Rubik";font-weight:400;font-style:italic;src:url(../fonts/rubik/Rubik-Italic.ttf)}@font-face{font-family:"Rubik";font-weight:500;font-style:normal;src:url(../fonts/rubik/Rubik-Medium.ttf)}@font-face{font-family:"Rubik";font-weight:500;font-style:italic;src:url(../fonts/rubik/Rubik-MediumItalic.ttf)}@font-face{font-family:"Rubik";font-weight:600;font-style:normal;src:url(../fonts/rubik/Rubik-SemiBold.ttf)}@font-face{font-family:"Rubik";font-weight:600;font-style:italic;src:url(../fonts/rubik/Rubik-SemiBoldItalic.ttf)}@font-face{font-family:"Rubik";font-weight:700;font-style:normal;src:url(../fonts/rubik/Rubik-Bold.ttf)}@font-face{font-family:"Rubik";font-weight:700;font-style:italic;src:url(../fonts/rubik/Rubik-BoldItalic.ttf)}@font-face{font-family:"Rubik";font-weight:800;font-style:normal;src:url(../fonts/rubik/Rubik-ExtraBold.ttf)}@font-face{font-family:"Rubik";font-weight:800;font-style:italic;src:url(../fonts/rubik/Rubik-ExtraBoldItalic.ttf)}@font-face{font-family:"Rubik";font-weight:900;font-style:normal;src:url(../fonts/rubik/Rubik-Black.ttf)}@font-face{font-family:"Rubik";font-weight:900;font-style:italic;src:url(../fonts/rubik/Rubik-BlackItalic.ttf)}@font-face{font-family:"Open Sans";font-weight:300;font-style:normal;src:url(../fonts/open_sans/OpenSans-Light.ttf)}@font-face{font-family:"Open Sans";font-weight:300;font-style:italic;src:url(../fonts/open_sans/OpenSans-LightItalic.ttf)}@font-face{font-family:"Open Sans";font-weight:400;font-style:normal;src:url(../fonts/open_sans/OpenSans-Regular.ttf)}@font-face{font-family:"Open Sans";font-weight:400;font-style:italic;src:url(../fonts/open_sans/OpenSans-Italic.ttf)}@font-face{font-family:"Open Sans";font-weight:600;font-style:normal;src:url(../fonts/open_sans/OpenSans-SemiBold.ttf)}@font-face{font-family:"Open Sans";font-weight:600;font-style:italic;src:url(../fonts/open_sans/OpenSans-SemiBoldItalic.ttf)}@font-face{font-family:"Open Sans";font-weight:700;font-style:normal;src:url(../fonts/open_sans/OpenSans-Bold.ttf)}@font-face{font-family:"Open Sans";font-weight:700;font-style:italic;src:url(../fonts/open_sans/OpenSans-BoldItalic.ttf)}@font-face{font-family:"Open Sans";font-weight:800;font-style:normal;src:url(../fonts/open_sans/OpenSans-ExtraBold.ttf)}@font-face{font-family:"Open Sans";font-weight:800;font-style:italic;src:url(../fonts/open_sans/OpenSans-ExtraBoldItalic.ttf)}@font-face{font-family:"Inter";font-weight:100;font-style:normal;src:url(../fonts/inter/Inter-Thin.ttf)}@font-face{font-family:"Inter";font-weight:200;font-style:normal;src:url(../fonts/inter/Inter-ExtraLight.ttf)}@font-face{font-family:"Inter";font-weight:300;font-style:normal;src:url(../fonts/inter/Inter-Light.ttf)}@font-face{font-family:"Inter";font-weight:400;font-style:normal;src:url(../fonts/inter/Inter-Regular.ttf)}@font-face{font-family:"Inter";font-weight:500;font-style:normal;src:url(../fonts/inter/Inter-Medium.ttf)}@font-face{font-family:"Inter";font-weight:600;font-style:normal;src:url(../fonts/inter/Inter-SemiBold.ttf)}@font-face{font-family:"Inter";font-weight:700;font-style:normal;src:url(../fonts/inter/Inter-Bold.ttf)}@font-face{font-family:"Inter";font-weight:800;font-style:normal;src:url(../fonts/inter/Inter-ExtraBold.ttf)}@font-face{font-family:"Droid Sans Mono";src:url("../fonts/droid_sans_mono/DroidSansMono.ttf") format("truetype")}html,html[data-theme="light"]{--font-color: #365069;--light-font-color: #768698;--background-color: #ffffff;--header-container-color: #F9F8FD;--panel-shadow: rgba(0, 0, 0, 0.2)}html[data-theme="dark"]{--font-color: #ffffff;--light-font-color: #ebebeb;--background-color: #1e1e21;--header-container-color: #242523;--panel-shadow: rgba(255, 255, 255, 0.2)}body{padding:0;margin:0;background-color:var(--background-color);font-family:"Inter";font-weight:400;color:var(--font-color);font-size:17px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden}@media (max-width: 700px){body{font-size:15.5px}}body.blog{background:var(--header-container-color)}a{color:var(--font-color);transition:color 0.1s linear}.wrapper{max-width:1050px;margin:auto;padding-left:15px;padding-right:15px}@media (max-width: 1050px){.wrapper{padding-left:30px;padding-right:30px}}.small-wrapper{max-width:720px;margin:auto;padding-left:15px;padding-right:15px}@media (max-width: 1050px){.small-wrapper{padding-left:35px;padding-right:35px}}.small-header{font-family:"Open Sans";font-weight:700;font-size:22px}.bubble{border:solid 0px;border-radius:14px;padding:3px 12px;line-height:30px;font-size:15px;color:white;white-space:nowrap}.bubble:nth-of-type(6n+1){background:#fd6a00}.bubble:nth-of-type(6n+2){background:#f8d239}.bubble:nth-of-type(6n+3){background:#38bb00}.bubble:nth-of-type(6n+4){background:#00c2cb}.bubble:nth-of-type(6n+5){background:#5e17eb}.bubble:nth-of-type(6n+6){background:#8c52ff}.section-container{padding-bottom:20px}.section-heading{padding:5vh 0vw;margin-bottom:2vh;text-align:center}.section-heading span{font-family:"Open Sans";font-weight:700;font-size:28px;padding:1.7vh 1.7vw;border:2px solid var(--font-color);letter-spacing:0.20rem;-webkit-transition:color 0.2s linear, -webkit-box-shadow 0.2s linear;transition:color 0.2s linear, -webkit-box-shadow 0.2s linear;transition:box-shadow 0.2s linear, color 0.2s linear;transition:box-shadow 0.2s linear, color 0.2s linear, -webkit-box-shadow 0.2s linear}@media (max-width: 700px){.section-heading span{color:var(--section_color);-webkit-box-shadow:4px 4px var(--section_color);box-shadow:4px 4px var(--section_color)}}section:hover .section-heading span{color:var(--section_color);-webkit-box-shadow:4px 4px var(--section_color);box-shadow:4px 4px var(--section_color)}.orange-text{color:#fd6a00}.green-text{color:#38bb00}.purple-text{color:#8c52ff}.lazyload,.lazyloading{opacity:0}.lazyloaded{opacity:1;transition:0.2s opacity}.toggle{top:30px;right:50px;position:absolute;width:55px;display:flex;align-items:center;justify-content:space-between}.toggle .fa-adjust{transform:rotate(180deg)}.toggle div{position:relative;display:block;background:#eee;width:35px;border-radius:50px;padding:0 5px;box-sizing:border-box;cursor:pointer}.toggle div input{display:none}.toggle div input:checked+.slider{transform:translateX(13px)}.toggle div .slider{background-color:#999;transition:0.4s;border-radius:34px;height:12px;width:12px;display:inline-block;position:relative}@media (max-width: 900px){.toggle{right:30px}}.landing-container,.header-container{justify-content:center;padding-top:40px;padding-bottom:30px;background:var(--header-container-color);font-size:18px;line-height:26px}.landing-container .wrapper,.header-container .wrapper{display:flex;flex-direction:row}.landing-container .wrapper .left-col,.header-container .wrapper .left-col{width:75%;padding-right:30px;border-right:1px solid lightgray}.landing-container .wrapper .left-col .post-details,.header-container .wrapper .left-col .post-details{margin-top:7px;color:var(--light-font-color);font-size:16px}.landing-container .wrapper .right-col,.header-container .wrapper .right-col{margin-left:30px;margin-right:30px}.landing-container .wrapper .right-col .nav-links,.header-container .wrapper .right-col .nav-links{padding-bottom:20px;border-bottom:1px solid lightgray;line-height:26px}.landing-container .wrapper .right-col .nav-links a,.header-container .wrapper .right-col .nav-links a{text-decoration:none}.landing-container .wrapper .right-col .nav-links a:hover,.header-container .wrapper .right-col .nav-links a:hover{color:var(--background-color);background-color:var(--font-color)}.landing-container .wrapper .right-col .page-links,.header-container .wrapper .right-col .page-links{padding-bottom:20px;border-bottom:1px solid lightgray;line-height:18px}.landing-container .wrapper .right-col .page-links a,.header-container .wrapper .right-col .page-links a{display:inline-block;text-decoration:none;font-size:16px;border-radius:6px;border:1px solid var(--font-color);padding:4px 8px;transition:color 0.1s linear, background-color 0.1s linear;margin-right:1px;margin-bottom:4px}.landing-container .wrapper .right-col .page-links a:hover,.header-container .wrapper .right-col .page-links a:hover{color:var(--background-color);background-color:var(--font-color)}.landing-container .wrapper .right-col .skills,.header-container .wrapper .right-col .skills{padding-top:20px}.landing-container .wrapper .right-col .categories,.header-container .wrapper .right-col .categories{padding-top:20px}@media (max-width: 750px){.landing-container,.header-container{padding-top:35px;font-size:16.5px}.landing-container .wrapper,.header-container .wrapper{display:block}.landing-container .wrapper .left-col,.header-container .wrapper .left-col{width:100%;padding-right:0px;padding-bottom:15px;border-right:none;border-bottom:1px solid lightgray}.landing-container .wrapper .right-col,.header-container .wrapper .right-col{margin:0px}.landing-container .wrapper .right-col .nav-links,.header-container .wrapper .right-col .nav-links{display:none}.landing-container .wrapper .right-col .page-links,.header-container .wrapper .right-col .page-links{padding-top:20px;padding-bottom:0px;border-bottom:none}.landing-container .wrapper .right-col .skills,.header-container .wrapper .right-col .skills{padding-top:15px}.landing-container .wrapper .right-col .categories,.header-container .wrapper .right-col .categories{padding-top:10px}}.landing-header{padding-bottom:40px}.landing-header .wrapper .left{flex:2 0 0}.landing-header .wrapper .right{flex:1 0 0}.logo-container{padding-bottom:20px;display:flex;align-items:center}.logo-container a{text-decoration:none}.logo-container img{padding-right:16px}.logo-container .logo-text{font-family:"Open Sans";font-weight:700;font-size:26px}.landing-opening{padding-bottom:6px;font-family:"Open Sans";font-weight:700;font-size:28px;line-height:40px}#typewriter{margin:0 0.5rem;border-right:0.3rem solid turquoise;background:#283538;font-family:"Rubik";color:white;-webkit-animation:cursor_blink 1s step-end infinite;animation:cursor_blink 1s step-end infinite}@-webkit-keyframes cursor_blink{from, to{border-color:transparent}50%{border-color:orange}}@keyframes cursor_blink{from, to{border-color:transparent}50%{border-color:orange}}.project-filters ul{list-style:none;text-align:center;font-size:15px}.project-filters ul li{display:inline-block;margin:0px 8px;padding:10px 12px;cursor:pointer;color:var(--light-font-color);font-weight:300}.project-filters ul li.active{border-radius:8px;background-color:rgba(13,12,34,0.05);color:var(--font-color);font-weight:500}@media (max-width: 500px){.project-filters{display:none}}.project-cards{width:100%;display:flex;flex-flow:row wrap}.project-cards .project-panel{width:31%;flex:0 0 auto;margin-bottom:21px;overflow:hidden}.project-cards .project-panel .image-and-overlay{position:relative;width:100%;height:250px;border-radius:8px;margin-bottom:9px;overflow:hidden}.project-cards .project-panel .image-and-overlay img{width:100%;height:100%}.project-cards .project-panel .image-and-overlay .panel-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:300ms ease;background-image:linear-gradient(transparent 62%, rgba(0,0,0,0.004) 63.94%, rgba(0,0,0,0.016) 65.89%, rgba(0,0,0,0.03) 67.83%, rgba(0,0,0,0.06) 69.78%, rgba(0,0,0,0.094) 71.72%, rgba(0,0,0,0.133) 73.67%, rgba(0,0,0,0.176) 75.61%, rgba(0,0,0,0.224) 77.56%, rgba(0,0,0,0.267) 79.5%, rgba(0,0,0,0.306) 81.44%, rgba(0,0,0,0.34) 83.39%, rgba(0,0,0,0.37) 85.33%, rgba(0,0,0,0.384) 87.28%, rgba(0,0,0,0.396) 89.22%, rgba(0,0,0,0.4) 91.17%);display:flex;align-items:flex-end}.project-cards .project-panel .image-and-overlay .panel-overlay .overlay-text{width:100%;padding:20px;color:white;font-weight:500}.project-cards .project-panel .image-and-overlay:hover .panel-overlay{opacity:1}.project-cards .project-panel a{text-decoration:none}.project-cards .project-panel a:hover{color:#fd6a00}.project-cards .project-panel .project-title{font-size:16px}@media (max-width: 920px){.project-cards .project-panel{width:47%}}@media (max-width: 530px){.project-cards .project-panel{width:100%}}.project-cards .project-gutter-sizer{width:2%}@media (max-width: 500px){.project-cards{padding-top:30px}}.section-about{background:var(--header-container-color);--section_color: #38bb00}.about{display:flex;flex-direction:row}.about a:hover{color:#38bb00}.about .left-col{width:55%;padding-right:30px}.about .left-col pre{margin-top:0px}.about .left-col pre code{margin-top:0px;border-radius:4px;font-size:15px}.about .left-col .about-text{line-height:26px}.about .right-col{margin-left:30px;margin-right:30px}.about .right-col .small-header{padding-bottom:10px}@media (max-width: 650px){.about{display:block}.about .left-col{width:100%;padding:0px}.about .right-col{margin:0px;margin-top:20px}}.home-post-panel{padding-bottom:15px;line-height:26px}.home-post-panel a{text-decoration:none}.home-post-panel .post-title{font-family:"Open Sans";font-weight:700;font-size:18px}.home-post-panel .post-details{color:var(--light-font-color);font-size:15px}.section-experience{--section_color: #8c52ff}.timeline .experience-panel{border:solid 0.1px #E5E5E5;border-radius:5px;margin-bottom:15px;padding:30px;transition:box-shadow 0.1s linear, -webkit-box-shadow 0.1s linear}.timeline .experience-panel .experience-header{display:flex}.timeline .experience-panel .experience-header .experience-logo{width:70px;height:70px;float:left;margin-right:15px;border-radius:6px}.timeline .experience-panel .experience-header .experience-details .experience-heading-header{font-family:"Open Sans";font-weight:700;font-size:22px}.timeline .experience-panel .experience-header .experience-details .experience-heading-header a{text-decoration:none;transition:color 0.1s linear}.timeline .experience-panel .experience-header .experience-details .experience-heading-text{color:var(--light-font-color);font-size:15px}.timeline .experience-panel .experience-content{width:100%;line-height:26px}@media (max-width: 430px){.timeline .experience-panel{padding:20px}}.timeline .experience-panel:hover{border:solid 1px #E5E5E5;-webkit-box-shadow:0 5px 10px 0 var(--panel-shadow);box-shadow:0 5px 10px 0 var(--panel-shadow)}.timeline .experience-panel:hover .experience-heading-header a{color:var(--section_color)}.prog_lang{border:solid 0px;border-radius:3px;padding:4px;background-color:var(--section_color);color:white;font-size:15px}@media (max-width: 850px){.prog_lang{padding:0.5vh 1vw;line-height:1.8rem}}.footer{width:100%;margin-top:70px;text-align:center}.footer .footer-links span{padding-bottom:50px;padding-left:5px;padding-right:5px}@media (max-width: 450px){.footer .footer-links span{display:block;padding-bottom:7px}}.footer .footer-links span a{text-decoration-line:none}@media (max-width: 700px){.footer{margin-top:30px}}.post-content{line-height:29px;padding-top:24px}.post-content figure{padding-top:15px;padding-bottom:15px;margin:auto}.post-content figure figcaption{text-align:center;padding-top:8px;font-size:15px}.post-content a{transition:background-color 0.1s linear}.post-content a:hover{color:var(--background-color);background-color:var(--font-color)}.post-content pre{margin-top:0px;line-height:normal}.post-content pre code{margin-top:0px;border-radius:4px;font-size:15px}@media (max-width: 600px){.post-content{line-height:24px}.post-content figure figcaption{font-size:13.5px}}iframe.responsive-image{width:100%;height:360px;margin:0 auto;display:block;max-width:500px}iframe.responsive-image.large{width:100%;height:400px;margin:0 auto;display:block;max-width:650px}img.responsive-image{width:100%;margin:0 auto;display:block;max-width:500px}img.responsive-image.small{width:100%;margin:0 auto;display:block;max-width:250px}img.responsive-image.large{width:100%;margin:0 auto;display:block;max-width:650px}.img-two-cols{display:flex;justify-content:center}.img-two-cols img.responsive-image.left,.img-two-cols img.responsive-image.right{width:50%;margin:0;max-width:250px}.rel-links{margin-top:60px;padding-top:40px;padding-bottom:60px;border-top:1px solid lightgray;border-bottom:1px solid lightgray}.rel-links a{transition:background-color 0.1s linear;font-weight:500}.rel-links a:hover{color:var(--background-color);background-color:var(--font-color)}.rel-links .home-link{display:block;text-align:center}.rel-links .other-posts{margin-top:15px}.rel-links .other-posts .left-link{display:inline-block}.rel-links .other-posts .right-link{float:right}.blog-post-panel{padding-bottom:20px;line-height:26px}.blog-post-panel a{text-decoration:none}.blog-post-panel a .post-title-text{transition:background-color 0.1s linear}.blog-post-panel a:hover .post-title-text{color:var(--background-color);background-color:var(--font-color)}.blog-post-panel .post-title{font-family:"Open Sans";font-weight:700;font-size:24px;line-height:36px}.blog-post-panel .post-details{margin-top:7px;color:var(--light-font-color);font-size:15px}.bubble.personal{background:#f8d239}.bubble.learning{background:#fd6a00}.bubble.computer.science{background:#38bb00}.bubble.embedded.systems{background:#5e17eb}.bubble.software.engineering{background:#00c2cb}