html,body{margin:0;min-height:100%}html{scroll-behavior:smooth}body{margin:0;--accent-color: rgb(255, 90, 61);--color1: #003049;--color2: #d62828;--color3: #f77f00;--color4: #fcbf49;--color5: #eae2b7;--color5: #fffad9;--color5: #FFFFFF;--color6: #4986fc;--bg-color: var(--color1);--bg-color-pale: rgba(214, 40, 40, .1);--bg-hover-color: var(--color4);--bg-hover-color-pale: rgba(214, 40, 40, .25);--bg-button-color: var(--color1);--bg-button-hover-color: var(--color2);--bg-button-hover-color-alt: var(--color3);--text-color: var(--color1);--text-color-light: var(--color5);--text-hover-color-light: var(--color1);--text-button-color-light: var(--color5);--text-button-hover-color-light: var(--color1);--border-color: var(--color2);--border-hover-color: var(--color1);--highlight-color: var(--color2);--highlight-hover-color: var(--color2);--credits-color: gray;--nav-color: var(--color1);--nav-hover-color: var(--color2);--transition-time: .2s;--padding-amount: .7em;background-color:var(--color5)}#root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Noto Serif",serif;line-height:1.7;font-weight:450;font-size:11pt;width:100%;height:100%;display:flex;flex-direction:column;text-align:left;color:var(--text-color)}h1{line-height:1.1;text-align:center;font-size:2.5em}h2{font-size:2em;line-height:1.1;text-align:center}h3{font-size:1.8em;line-height:1.1;text-align:center}h4{font-size:1.5em;line-height:1.1;margin:1em 0;text-align:center}h5{font-size:1.25em;line-height:1.1;margin:1em 0;text-align:center}h6{font-size:1em;line-height:1.1;margin:1em 0;text-align:center}a{transition-duration:var(--transition-time);color:var(--highlight-color);text-decoration:none;font-style:italic;cursor:pointer}a .nav-item{font-style:normal}ul ul{padding-left:1.1em}em{color:var(--highlight-color);transition-duration:var(--transition-time);font-style:normal}code{font-family:Roboto Mono,monospace;transition-duration:var(--transition-time);margin:0 .2em}hr{width:100%;overflow:visible;border:1px solid var(--credits-color)}.scroll-less{scroll-margin-top:80px}.no-underline,.no-underline:hover{text-decoration:none}.card{padding:1em;align-content:center;top:0;left:0;width:min-content}.card-big{padding:1em;width:min-content}.list{text-align:left;height:2em;padding:1em}.box{display:flex;gap:1.5em;flex-direction:column;flex-wrap:nowrap;padding:0 3em}.hamburger-button{display:flex;flex-direction:column;justify-content:center;padding:10px;border-radius:50%;outline:2px solid var(--border-color);background-color:var(--nav-color);color:var(--nav-color);position:fixed;top:5px;left:5px;cursor:pointer;transition-duration:var(--transition-time)}.hamburger-button:hover{background-color:var(--nav-hover-color);outline-color:var(--border-hover-color)}.hamburger-button:hover .hamburger-picture{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23141414'%3e%3cpath%20d='M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z'/%3e%3c/svg%3e")}.hamburger-navigation{list-style-type:none;position:fixed;display:flex;text-align:center;flex-direction:column;flex-wrap:nowrap;justify-content:left;background-color:var(--nav-color);color:var(--text-color-light);padding:0;margin:0;top:0%;outline:2px solid var(--border-color);height:100%;width:12em;transition:left .25s,right .25s}.top-hamburger-nav-item{border-top-right-radius:25px;color:var(--text-color-light);padding:.5em 1em .5em 0;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.hamburger-nav-item{color:var(--text-color-light);height:2.5em;font-size:1.5em;transition-duration:var(--transition-time);display:flex;flex-direction:column;justify-content:center}a .hamburger-nav-item{font-style:normal}.hamburger-nav-item:hover{background-color:var(--nav-hover-color);color:var(--nav-color)}.hamburger-nav-item-github{height:2.5em;font-size:1.5em;transition-duration:var(--transition-time);display:flex;flex-direction:column;justify-content:center;align-items:center}.hamburger-github{transition-duration:var(--transition-time)}.hamburger-nav-item-github:hover{height:2.5em;font-size:1.5em;background-color:var(--nav-hover-color)}.hamburger-nav-item-github:hover .hamburger-github{content:url("data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%2324292f'/%3e%3c/svg%3e")}.hamburger-linkedin{transition-duration:var(--transition-time)}.hamburger-nav-item-linkedin{height:2.5em;font-size:1.5em;transition-duration:var(--transition-time);display:flex;flex-direction:column;justify-content:center;align-items:center}.hamburger-nav-item-linkedin:hover{background-color:var(--nav-hover-color)}.hamburger-nav-item-linkedin:hover .hamburger-linkedin{content:url(/assets/InBug-Black-JhuFkYwN.png)}.hamburger-github,.hamburger-linkedin{width:36px;height:36px}.hamburger-nav-item-language{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-size:1.5em;font-variation-settings:"wdth" 100;color:var(--text-color-light);height:2.5em;width:10em;font-size:2em;transition-duration:var(--transition-time);display:flex;flex-direction:column;justify-content:center}.hamburger-nav-item-language:hover{background-color:var(--nav-hover-color);color:var(--nav-color)}.navigation{position:fixed;width:100%;height:3.5em;top:0;list-style-type:none;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;margin:0;padding:0;overflow:hidden;background-color:var(--nav-color);border-bottom:2px solid;border-color:var(--border-color);z-index:2}.left-nav-items{display:flex;align-items:stretch;position:relative}.right-nav-items{display:flex;flex-direction:row-reverse;align-items:stretch;position:relative}.nav-item{margin:auto;color:var(--text-color-light);display:flex;flex-direction:column;justify-content:center;align-items:center;text-decoration:none;padding:0 var(--padding-amount);height:100%;transition-duration:var(--transition-time)}.nav-item:hover{background-color:var(--nav-hover-color);color:var(--nav-color)}.nav-item-language{font-family:Roboto,sans-serif;font-optical-sizing:auto;font-weight:900;font-size:1.5em;margin:auto;color:var(--text-color-light);display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 var(--padding-amount);transition-duration:var(--transition-time)}.nav-item-language:hover{background-color:var(--nav-hover-color);color:var(--nav-color)}.nav-item-github{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 var(--padding-amount);transition-duration:var(--transition-time)}.github{transition-duration:var(--transition-time)}.nav-item-github:hover{background-color:var(--nav-hover-color)}.nav-item-github:hover .github{content:url("data:image/svg+xml,%3csvg%20width='98'%20height='96'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M48.854%200C21.839%200%200%2022%200%2049.217c0%2021.756%2013.993%2040.172%2033.405%2046.69%202.427.49%203.316-1.059%203.316-2.362%200-1.141-.08-5.052-.08-9.127-13.59%202.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015%204.934.326%207.523%205.052%207.523%205.052%204.367%207.496%2011.404%205.378%2014.235%204.074.404-3.178%201.699-5.378%203.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283%200-5.378%201.94-9.778%205.014-13.2-.485-1.222-2.184-6.275.486-13.038%200%200%204.125-1.304%2013.426%205.052a46.97%2046.97%200%200%201%2012.214-1.63c4.125%200%208.33.571%2012.213%201.63%209.302-6.356%2013.427-5.052%2013.427-5.052%202.67%206.763.97%2011.816.485%2013.038%203.155%203.422%205.015%207.822%205.015%2013.2%200%2018.905-11.404%2023.06-22.324%2024.283%201.78%201.548%203.316%204.481%203.316%209.126%200%206.6-.08%2011.897-.08%2013.526%200%201.304.89%202.853%203.316%202.364%2019.412-6.52%2033.405-24.935%2033.405-46.691C97.707%2022%2075.788%200%2048.854%200z'%20fill='%2324292f'/%3e%3c/svg%3e");width:24px;height:24px}.nav-item-linkedin{margin:auto;display:flex;height:100%;flex-direction:column;justify-content:center;align-items:center;padding:0 var(--padding-amount);transition-duration:var(--transition-time)}.linkedin{transition-duration:var(--transition-time)}.nav-item-linkedin:hover{background-color:var(--nav-hover-color)}.nav-item-linkedin:hover .linkedin{content:url(/assets/InBug-Black-JhuFkYwN.png);width:24px;height:24px}.text-box{flex:1 1 300px;max-width:600px;padding:1em;border-radius:25px;outline:2px solid var(--border-color);transition-duration:var(--transition-time);background-color:var(--bg-color);color:var(--text-color-light)}.text-box:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color)}.text-box:hover a,.text-box:hover em,.text-box:hover code{color:var(--highlight-hover-color)}.headers{display:flex;flex-direction:column;text-align:center;justify-content:center;height:75px;height:fit-content;color:var(--text-color)}.top-part{position:relative}.top-part-name{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);max-width:max-content;text-align:center;color:#fff}.shaderCanvas{top:0;left:0;width:225px;height:225px;cursor:pointer;outline:2px solid var(--border-color);transition-duration:var(--transition-time)}​ .shaderBox{position:absolute;width:100%;height:200px;z-index:-1}.header{display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-evenly;gap:1.5em;align-self:stretch;align-items:center;scroll-margin-top:80px}.header-copy{flex:1 0 300px}.header-copy h1,.header-copy h5{text-align:left}.header-description{text-align:left;font-weight:400}.courses-as-a-whole{display:flex;flex-direction:column;gap:1.5em}.courses{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:1em}.course-names{list-style-type:none;margin:0;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;padding:0;flex:1 1 200px;gap:.5em}.course-ind{list-style-type:none;text-align:center;padding:0 var(--padding-amount);font-style:normal;cursor:pointer;transition-duration:var(--transition-time);border-radius:25px;background-color:var(--bg-button-color);color:var(--text-button-color-light);outline:2px solid var(--border-color)}.course-ind-select{list-style-type:none;text-align:center;padding:0 var(--padding-amount);font-style:normal;cursor:pointer;transition-duration:var(--transition-time);border-radius:25px;text-decoration:none;background-color:var(--bg-button-hover-color-alt);color:var(--text-button-hover-color-light);outline:2px solid var(--border-hover-color)}.course-ind-select:hover{text-decoration:none}.course-ind:hover{text-decoration:none;background-color:var(--bg-button-hover-color);color:var(--text-button-hover-color-light);outline-color:var(--border-hover-color)}.other-courses-alone{text-align:center;padding:0 var(--padding-amount);color:var(--text-color);font-style:normal;transition-duration:var(--transition-time);background-color:var(--bg-color);color:var(--text-color-light);border-radius:25px;outline:2px solid var(--border-color)}.other-courses-alone:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color);color:var(--text-color)}.course-content-image{margin:1em;outline:2px solid var(--border-color);transition-duration:var(--transition-time)}.course-content-embed{cursor:pointer;background-color:var(--text-color);color:var(--text-color-light);padding:15px;border-radius:25px;font-style:normal;outline:2px solid var(--border-color);transition-duration:var(--transition-time)}.course-content-embed:hover{background-color:var(--text-color-light);color:var(--text-color)}.course-text{text-align:left;padding:0 15px;flex-grow:2}.course-title{text-align:center}.course-description{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center;justify-content:center;flex:3 0 300px;scroll-margin-top:80px;border-radius:25px;outline:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color-light);transition-duration:var(--transition-time)}.course-description:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color)}.course-description:hover .course-content-embed{outline-color:var(--text-color-light)}.course-description:hover a{color:var(--highlight-hover-color)}.course-description:hover .course-content-embed:hover,.course-description:hover .course-content-image{outline-color:var(--border-hover-color)}.experiences{list-style-type:none;display:flex;flex-wrap:nowrap;align-items:stretch;gap:1.5em;flex-direction:column;padding:0;margin:0}.experiences-meta{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:1.5em}.experiences-titles{display:flex;flex-direction:column;flex-wrap:nowrap;margin:1em;gap:1em}.experiences-titles h5,.experiences-titles h3,.experiences-titles h4{margin:0}.experiences-employer{font-size:1.5em;margin:0}.experiences-title{font-size:1.25em;font-style:italic;margin:0}.experiences-time{font-size:1em;margin:0}.experiences-content{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5em}.experiences-description{flex:1 1 300px;text-align:left}.experiences-ind{list-style-type:none;display:flex;flex:nowrap;flex-direction:column;justify-content:space-around;gap:10px;border-radius:25px;outline:2px solid var(--border-color);padding:1em;transition-duration:var(--transition-time);background-color:var(--bg-color);color:var(--text-color-light)}.experiences-ind:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color)}.experiences-ind:hover .domer-rover{outline:2px solid var(--border-hover-color)}.domer-rover{outline:2px solid var(--border-color);transition-duration:var(--transition-time)}.projects{list-style-type:none;padding:0;margin:0;display:flex;flex-wrap:wrap;flex-direction:row;align-items:center;gap:1.5em}.project-ind{border-radius:25px;flex:1 1 400px;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:space-evenly;align-items:center;align-content:stretch;transition-duration:var(--transition-time);outline:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color-light);width:fit-content}.project-ind:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);color:var(--text-color);outline-color:var(--border-hover-color)}.project-ind:hover code,.project-ind:hover a,.project-ind:hover em{color:var(--highlight-hover-color)}.project-ind:hover .shaderCanvas,.project-ind:hover .project-content{outline-color:var(--border-hover-color)}.project-title{padding:1em .25em .5em;margin:0}.project-content{height:auto;outline:2px solid var(--border-color);transition-duration:var(--transition-time)}.description-project{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:center;padding:0}.text-box-project{flex:1 1 300px;height:auto;padding:0 1em}.contact-me-text{padding:1em;margin:0;max-width:600px;border-radius:25px;outline:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color-light);transition-duration:var(--transition-time)}.contact-me-text:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color)}.contact-me-text:hover a,.contact-me-text:hover em,.contact-me-text:hover code{color:var(--highlight-hover-color)}.credits{color:var(--credits-color)}.avatar{border-radius:50%;height:200px;width:200px;object-fit:cover;object-position:center;padding:auto}.avatar-big{border-radius:25%;object-fit:cover;object-position:0 60%;outline:2px solid var(--border-color);padding:auto}.everything-box{display:flex;flex-direction:column;align-items:center;flex-wrap:nowrap;gap:1.5em;margin:3em 15vw}@media screen and (width <= 450px){.everything-box{margin:5vw;margin-top:3em;margin-bottom:1em;font-size:.9em}.projects{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.project-content{width:40vw}.shaderCanvas{width:40vw;height:40vw}.domer-rover{width:45vw;height:calc(45vw * .56)}.course-content-image{max-width:40vw}.avatar-big{height:50vw;width:50vw}.navigation{display:none}.hamburger-button{display:flex}#root{margin-top:0}.hamburger-navigation{left:-30em}}@media screen and (width >= 751px){.avatar-big{width:300px;height:300px}.course-content-image{max-width:300px;max-height:500px}.navigation{display:flex}.everything-box{margin-top:6em}.hamburger-button,.hamburger-navigation{display:none}.domer-rover{width:420px;height:237px}.shaderCanvas{width:250px;height:250px}.project-content{width:250px}}@media screen and (width <= 750px) and (width >= 451px){.everything-box{margin:3em 15vw}.projects{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:center}.project-content{width:40vw}.shaderCanvas{width:40vw;height:40vw}.domer-rover{width:45vw;height:calc(45vw * .56)}.course-content-image{max-width:40vw}.avatar-big{height:50vw;width:50vw}.navigation{display:none}.hamburger-button{display:flex}#root{margin-top:0}.hamburger-navigation{left:-30em}}pre{overflow-x:scroll;border-radius:25px;outline:2px solid var(--border-color);font-size:10pt}a:hover{text-decoration:underline}blockquote{font-size:10pt;border-left:5px solid var(--border-color);background-color:var(--bg-color-pale);border-radius:0 25px 25px 0;padding:1em;margin:0 0 0 1em;transition-duration:var(--transition-time)}blockquote p{margin:0}blockquote blockquote{margin-left:.25em}blockquote:before{margin-right:.25em}blockquote:hover{background-color:var(--bg-hover-color-pale)}.main-box{text-align:left;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1em;margin:3em 2em}.title-and-date{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;padding:0 1em}.date{display:flex;flex-direction:column;justify-content:center}.blog-container{flex:2 1 400px;padding:0;margin:0;max-width:700px;min-width:0px}.blog{flex:1 1 300px;padding:1em 2em;border-radius:25px;outline:2px solid var(--border-color)}.blog-select-title{margin:.25em 0}.blog-line{color:var(--border-color);overflow:visible;width:100%}.blog-select-ham{display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;padding:.5em 1em;gap:1em;height:100%;width:10em;list-style-type:none;position:fixed;background-color:#fff;transition-duration:var(--transition-time);outline:2px solid var(--border-color)}.blog-select-ham .blog-select-title{margin:0}.blog-select{list-style-type:none;width:10em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em;padding:1em;margin:0}.blog-select2{list-style-type:none;width:20em;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1em;padding:1em;margin:0}.blog-ind{text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;border-radius:25px;padding:.5em;outline:2px solid var(--border-color);transition-duration:var(--transition-time);color:var(--text-button-color-light);background-color:var(--bg-button-color);font-style:normal}.blog-ind:hover{background-color:var(--bg-button-hover-color);color:var(--text-button-hover-color-light);text-decoration:none;outline:2px solid var(--border-hover-color)}.avatar{border-radius:50%;height:200px;width:200px;object-fit:cover;object-position:center;padding:auto;outline:2px solid var(--border-color)}.about-me{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1 0;gap:1em}.about-me2{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1em}.about-me-header{margin-top:.5em;margin-bottom:0}.about-me-text{text-align:left;padding:1em;margin:0;max-width:300px;border-radius:25px;outline:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color-light);transition-duration:var(--transition-time)}.about-me-text:hover{background-color:var(--bg-hover-color);color:var(--text-hover-color-light);outline-color:var(--border-hover-color)}.about-me-text:hover a,.about-me-text:hover i{color:var(--highlight-hover-color)}.credits{color:var(--credits-color);text-align:center}.hamburger-button2{display:flex;flex-direction:column;justify-content:center;padding:10px;border-radius:50%;outline:2px solid var(--border-color);background-color:var(--bg-color);color:var(--text-color);position:fixed;top:5px;left:5px;cursor:pointer;transition-duration:var(--transition-time)}.hamburger-picture{transition-duration:var(--transition-time)}.hamburger-button2:hover{background-color:var(--bg-color);outline-color:var(--border-hover-color)}.hamburger-button2:hover .hamburger-picture{content:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23141414'%3e%3cpath%20d='M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z'/%3e%3c/svg%3e")}:is() .hamburger-navigation{right:0}.ham-exit{padding:0;height:min-content;display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.cross{cursor:pointer}@media screen and (width <= 685px){.blog-select{display:none}.hamburger-button2{display:flex}.main-box{margin-top:4em;margin-left:5vw;margin-right:5vw}}@media screen and (width > 685px){.hamburger-button2{display:none}.blog-select-ham{left:-15em}}