.display-buttons{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;margin-bottom:2rem;position:relative}.display-buttons .layout-button{border:0;color:var(--text-color);background-color:transparent;font-family:inherit;cursor:pointer;position:absolute;top:0;right:0}.display-buttons .layout-button img{height:2rem;width:auto;border:none;border-radius:0;margin:0 auto}@media screen and (min-width: 768px) and (max-width: 1024px){.display-buttons .layout-button{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.display-buttons .layout-button{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.display-buttons .layout-button{display:none}}.contact{display:flex;flex-direction:column;width:50vw}.contact a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.contact a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.contact a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.contact{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.contact{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.contact{width:90vw}}.contact-detail{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.contact-detail svg{fill:var(--text-color);width:auto;margin-right:2rem;margin-bottom:auto}.contact-detail p{text-indent:3.5rem;text-align:left;width:100%}.contact-detail a{color:var(--secondary-color);border-bottom:.0625rem dotted var(--background-color)}.contact-detail a:hover{color:var(--text-color);border-color:var(--primary-color)}.contact-detail a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.contact-detail h4{padding:0;line-height:1rem}.reference{text-align:left;width:50vw}.reference a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.reference a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.reference a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.reference a{margin:.75rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.reference a{margin:.75rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.reference a{margin:.75rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.reference{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.reference{width:90vw}}.download-wrapper{width:60vw;text-align:left}.download-wrapper .downloads{list-style:square;padding-left:1rem}.download-wrapper .downloads a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.download-wrapper .downloads a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.download-wrapper .downloads a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.download-wrapper{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.download-wrapper{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.download-wrapper{width:90vw}}.useful-links{text-align:left;list-style:square;padding-left:1rem}@media screen and (min-width: 768px) and (max-width: 1024px){.useful-links{word-wrap:break-word}}@media screen and (min-width: 414px) and (max-width: 767px){.useful-links{word-wrap:break-word}}@media screen and (min-width: 319px) and (max-width: 413px){.useful-links{word-wrap:break-word}}.about{display:flex;flex-wrap:wrap;width:50vw;justify-content:center;margin:3rem auto}.about img{height:1.5rem;width:auto;border:0;border-radius:0;margin-top:2rem;margin-right:2rem}@media screen and (min-width: 768px) and (max-width: 1024px){.about{width:90vw;justify-content:center;align-items:center}}@media screen and (min-width: 414px) and (max-width: 767px){.about{width:90vw;justify-content:center;align-items:center}}@media screen and (min-width: 319px) and (max-width: 413px){.about{width:90vw;justify-content:center;align-items:center}}.about-wrapper{width:100vw;background-color:var(--footer-background-color);display:flex;justify-content:center;margin-top:3rem}.about-section{padding-bottom:0}.about-footer{margin-top:0}.about-blurb{text-align:left;line-height:1.5rem;width:50vw}.about-blurb a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.about-blurb a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.about-blurb a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.about-blurb p{display:block;padding:0 0 0 1.5rem}.about-blurb p:first-of-type{margin-top:2rem;padding-top:1rem}@media screen and (min-width: 768px) and (max-width: 1024px){.about-blurb p{padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.about-blurb p{padding:0}}@media screen and (min-width: 319px) and (max-width: 413px){.about-blurb p{padding:0}}.about-blurb .employment-site-link{margin:1rem 0;color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.about-blurb .employment-site-link:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.about-blurb .employment-site-link:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-blurb .employment-site-link{margin:1rem 0 0}}@media screen and (min-width: 414px) and (max-width: 767px){.about-blurb .employment-site-link{margin:1rem 0 0}}@media screen and (min-width: 319px) and (max-width: 413px){.about-blurb .employment-site-link{margin:1rem 0 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-blurb{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.about-blurb{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.about-blurb{width:90vw}}.about-detail{list-style:square;list-style-position:inside}@media screen and (min-width: 768px) and (max-width: 1024px){.about-detail{padding-left:1rem}}@media screen and (min-width: 414px) and (max-width: 767px){.about-detail{padding-left:0rem}}@media screen and (min-width: 319px) and (max-width: 413px){.about-detail{padding-left:0rem}}.about-stub{text-align:left;margin:2rem 0 0;list-style:square;list-style-position:inside;border-bottom:1px dotted var(--secondary-color);padding-bottom:2rem}.about-stub p{margin:0;padding:0}.about-stub p:first-of-type{margin:0;padding:1rem 0 0}.about-stub p .education-site-link{color:var(--secondary-color);border-bottom:1px dotted white}.about-stub p .education-site-link:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.about-stub .new-job{width:100%;margin-left:9rem!important;padding-bottom:2rem!important}.about-stub svg{fill:var(--background-color);margin-right:1rem}.about-stub span h4{text-align:left;line-height:1rem;padding-top:0;padding-bottom:.5rem;border-bottom:.0625rem dotted var(--primary-color)}.about-stub span .honors{margin:1rem 0;color:var(--primary-color)}.about-stub span small{display:flex;padding-top:1rem;width:100%}.about-stub .education-insert{display:flex;flex-direction:row;align-items:flex-start}.about-stub .education-insert img{margin-top:0;margin-left:.25rem;mix-blend-mode:difference}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub .education-insert img{margin-left:0;justify-content:space-between;margin-bottom:1rem}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub .education-insert img{margin-left:0;justify-content:space-between;margin-bottom:1rem}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub .education-insert img{margin-left:0;justify-content:space-between;margin-bottom:1rem}}.about-stub .education-insert span{display:flex;flex-direction:column}.about-stub .education-insert span h4{text-align:left;line-height:1rem;padding-top:0;padding-bottom:.5rem;border-bottom:.0625rem dotted var(--primary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub .education-insert span h4{line-height:1.5rem}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub .education-insert span h4{line-height:1.5rem}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub .education-insert span h4{line-height:1.5rem}}.about-stub .education-insert span .honors{margin:1rem 0;color:var(--primary-color)}.about-stub .education-insert span small{display:flex;padding-top:1rem;width:100%}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub .education-insert{align-items:flex-start;margin:0;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub .education-insert{align-items:flex-start;margin:0;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub .education-insert{align-items:flex-start;margin:0;flex-direction:column}}.about-stub span{display:flex;flex-direction:column}.about-stub span h4{text-align:left;line-height:1rem;padding-bottom:.5rem;border-bottom:.0625rem dotted var(--primary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub span h4{line-height:1.5rem}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub span h4{line-height:1.5rem}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub span h4{line-height:1.5rem}}.about-stub span ul{display:grid;width:50vw;grid-template-columns:repeat(2,1fr);grid-column-gap:.75rem;list-style:none;margin-left:1rem;margin-bottom:1rem}.about-stub span ul li{display:flex;padding:1rem 0;align-items:center}.about-stub span ul li img{display:block;height:1rem;width:auto;margin-top:0;margin-right:1.5rem}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub span ul li img{margin-left:0;justify-content:space-between}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub span ul li img{margin-left:0;justify-content:space-between}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub span ul li img{margin-left:0;justify-content:space-between}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub span ul li{justify-content:flex-start}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub span ul li{justify-content:flex-start}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub span ul li{justify-content:flex-start}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub span ul{grid-template-columns:repeat(1,1fr);width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub span ul{grid-template-columns:repeat(1,1fr);width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub span ul{grid-template-columns:repeat(1,1fr);width:90vw}}.about-stub span .post-education{margin-left:0}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub span{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub span{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub span{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:column}}.about-stub .employer-logo{mix-blend-mode:difference}.about-stub img{width:7rem;height:auto;margin-top:0;margin-right:2rem;margin-left:.12rem;margin-bottom:0;border:0;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub img{width:30vw;margin-bottom:2rem}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub img{width:30vw;margin-bottom:2rem}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub img{width:30vw;margin-bottom:2rem}}.about-stub .post-education-icon{height:1rem;width:auto;border-style:solid;border-width:1px;border-radius:10rem;padding:.5rem;background-color:var(--social-media-toolbar-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub .post-education-icon{margin-bottom:0}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub .post-education-icon{margin-bottom:0}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub .post-education-icon{margin-bottom:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-stub{align-items:flex-start}}@media screen and (min-width: 414px) and (max-width: 767px){.about-stub{align-items:flex-start}}@media screen and (min-width: 319px) and (max-width: 413px){.about-stub{align-items:flex-start}}.about-tabs{display:flex;justify-content:center;cursor:pointer;margin-top:1rem}.about-tabs h3 .active{border:.0625rem dotted var(--primary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-tabs h3{min-width:100vw;padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.about-tabs h3{min-width:100vw;padding:0}}@media screen and (min-width: 319px) and (max-width: 413px){.about-tabs h3{min-width:100vw;padding:0}}.about-tabs h3 a{display:block;min-width:10rem;font-weight:300;font-size:.95rem;color:var(--secondary-color);margin:0 1rem;padding:.5rem 1rem;background-color:var(--card-background-color-alpha);border:.0625rem solid var(--text-color);box-sizing:border-box}.about-tabs h3 a:hover{color:var(--text-color);border-color:var(--black-alpha)}@media screen and (min-width: 768px) and (max-width: 1024px){.about-tabs h3 a{margin:0 auto .25rem;display:block;width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.about-tabs h3 a{margin:0 auto .25rem;display:block;width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.about-tabs h3 a{margin:0 auto .25rem;display:block;width:90vw}}.about-tabs img{display:none}@media screen and (min-width: 768px) and (max-width: 1024px){.about-tabs{width:100%;flex-direction:column}.about-tabs img{display:block;width:100vw;height:3rem;width:auto;border:none;border-radius:0;margin:2rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.about-tabs{width:100%;flex-direction:column}.about-tabs img{display:block;width:100vw;height:3rem;width:auto;border:none;border-radius:0;margin:2rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.about-tabs{width:100%;flex-direction:column}.about-tabs img{display:block;width:100vw;height:3rem;width:auto;border:none;border-radius:0;margin:2rem 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.about-tabs .tab-link{font-size:.95rem;line-height:1rem}.about-tabs .tab-link a{padding:1rem 0}}.tab-content{padding:0 .75rem 1rem;border-top:none}.profile-images{display:flex;width:100%;justify-content:space-between;padding:1rem 1rem 0}.profile-images img{height:8rem;width:8rem;margin-bottom:0}@media screen and (min-width: 768px) and (max-width: 1024px){.profile-images img{height:7rem;width:7rem;border-radius:0}}@media screen and (min-width: 414px) and (max-width: 767px){.profile-images img{height:7rem;width:7rem;border-radius:0}}@media screen and (min-width: 319px) and (max-width: 413px){.profile-images img{height:7rem;width:7rem;border-radius:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.profile-images{padding:0 0 1rem}}@media screen and (min-width: 414px) and (max-width: 767px){.profile-images{padding:0 0 1rem}}@media screen and (min-width: 319px) and (max-width: 413px){.profile-images{padding:0 0 1rem}}.technologies{display:flex;flex-direction:column;justify-content:center;width:50vw;margin-top:2rem;padding-top:1rem}.technologies li{display:flex;justify-content:flex-start;align-items:center}.technologies li a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.technologies li a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.technologies li a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.technologies li span{margin-right:1rem;color:#fff}.technologies li span:last-child{margin-left:auto;margin-right:0;color:var(--text-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.technologies li span{margin-right:1rem;color:#fff}.technologies li span:last-child{margin-left:auto;color:var(--primary-color)}}@media screen and (min-width: 414px) and (max-width: 767px){.technologies li span{margin-right:1rem;color:#fff}.technologies li span:last-child{margin-left:auto;color:var(--primary-color)}}@media screen and (min-width: 319px) and (max-width: 413px){.technologies li span{margin-right:1rem;color:#fff}.technologies li span:last-child{margin-left:auto;color:var(--primary-color)}}.technologies li img{height:1rem;width:auto;margin:0 1.5rem 0 0;border-width:1px;padding:.5rem;background-color:var(--social-media-toolbar-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.technologies li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 414px) and (max-width: 767px){.technologies li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 319px) and (max-width: 413px){.technologies li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.technologies{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.technologies{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.technologies{width:90vw}}.toolkit{display:flex;flex-direction:column;justify-content:center;width:50vw;margin-top:2rem;padding-top:1rem}.toolkit li{display:flex;justify-content:flex-start;align-items:center}.toolkit li a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.toolkit li a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.toolkit li a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.toolkit li span{margin-right:1rem;color:#fff}.toolkit li span:last-child{margin-left:auto;margin-right:0;color:var(--primary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.toolkit li span{margin-right:1rem;color:#fff}.toolkit li span:last-child{margin-left:auto;color:var(--primary-color)}}@media screen and (min-width: 414px) and (max-width: 767px){.toolkit li span{margin-right:1rem;color:#fff}.toolkit li span:last-child{margin-left:auto;color:var(--primary-color)}}@media screen and (min-width: 319px) and (max-width: 413px){.toolkit li span{margin-right:1rem;color:#fff}.toolkit li span:last-child{margin-left:auto;color:var(--primary-color)}}.toolkit li img{height:1rem;width:auto;margin:0 1.5rem 0 0;border-width:1px;padding:.5rem}@media screen and (min-width: 768px) and (max-width: 1024px){.toolkit li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 414px) and (max-width: 767px){.toolkit li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 319px) and (max-width: 413px){.toolkit li img{height:1rem;width:auto;margin:0 1rem 0 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.toolkit{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.toolkit{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.toolkit{width:90vw}}.tech-bar-chart{width:50vw;margin-top:2rem;padding-top:1rem}@media screen and (min-width: 768px) and (max-width: 1024px){.tech-bar-chart{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.tech-bar-chart{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.tech-bar-chart{width:90vw}}.current-project{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50vw;margin:0 auto 2rem;padding-bottom:1rem;line-height:1.5rem;border-bottom:.0625rem solid var(--primary-color)}.current-project img{height:6rem;width:6rem;margin-bottom:2rem;object-fit:contain;margin-right:2rem}.current-project .current-project-header{display:flex;width:100%}.current-project .current-project-header img{height:6rem;width:6rem;margin-bottom:2rem;border:0;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.current-project .current-project-header img{width:50vw;margin-right:0rem;width:30vw}}@media screen and (min-width: 414px) and (max-width: 767px){.current-project .current-project-header img{width:50vw;margin-right:0rem}}@media screen and (min-width: 319px) and (max-width: 413px){.current-project .current-project-header img{width:50vw;margin-right:0rem}}.current-project .current-project-header span{color:var(--primary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.current-project .current-project-header{width:90vw;flex-wrap:wrap;justify-content:center;flex-direction:column;align-items:center}}@media screen and (min-width: 414px) and (max-width: 767px){.current-project .current-project-header{width:90vw;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 319px) and (max-width: 413px){.current-project .current-project-header{width:90vw;flex-wrap:wrap;justify-content:center}}@media screen and (min-width: 768px) and (max-width: 1024px){.current-project{width:80vw}}.current-project-insert{display:flex;flex-wrap:wrap;align-items:center;width:50vw;text-align:left;padding-bottom:1.5rem;line-height:1.5rem;border-bottom:.0625rem dotted var(--secondary-color);margin-bottom:2rem}.current-project-insert img{height:6rem;width:6rem;margin-bottom:2rem;object-fit:cover;object-position:center center;margin-right:2rem;margin-bottom:0}@media screen and (min-width: 768px) and (max-width: 1024px){.current-project-insert img{margin-right:.75rem;height:4rem;width:4rem}}@media screen and (min-width: 414px) and (max-width: 767px){.current-project-insert img{margin-right:.75rem;height:4rem;width:4rem}}@media screen and (min-width: 319px) and (max-width: 413px){.current-project-insert img{margin-right:.75rem;height:4rem;width:4rem}}.current-project-insert h5{color:var(--primary-color)}.current-project-insert .skills-header{color:var(--text-color);margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.current-project-insert{width:90vw;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.current-project-insert{width:90vw;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.current-project-insert{width:90vw;flex-direction:column}}.recent-presentation{display:block;margin:auto auto 2rem}.recent-presentation a{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-color);border-bottom:.0625rem dotted var(--primary-color);color:#fff;margin:auto;padding:.75rem 4rem;border-radius:10rem;border:.0625rem solid var(--secondary-color);box-sizing:border-box}.recent-presentation a:hover{color:var(--text-color);background-color:var(--primary-color);border:.0625rem solid var(--primary-color)}@media screen and (min-width: 414px) and (max-width: 767px){.recent-presentation a{width:75vw}}@media screen and (min-width: 319px) and (max-width: 413px){.recent-presentation a{width:90vw}}.recent-presentation a img{height:1rem;width:auto;border:none;border-radius:0;margin:0 1rem 0 0}.recent-presentation a img:hover{filter:invert(100%)}@media screen and (min-width: 768px) and (max-width: 1024px){.recent-presentation{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.recent-presentation{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.recent-presentation{width:90vw}}.feedback{width:50vw}.feedback li{display:flex;flex-wrap:wrap;align-items:center;text-align:left;padding:2rem 0;border-bottom:.0625rem dotted var(--primary-color);line-height:1.5rem}.feedback li mark{width:100%;color:var(--text-color);background-color:var(--primary-color-alpha-6);padding:.25rem 1.5rem;line-height:2rem;border-radius:10rem}.feedback li mark span{color:var(--black-alpha)}.feedback li small{color:var(--primary-color)}.feedback li a{color:var(--secondary-color);border-bottom:.0625rem dotted var(--background-color)}.feedback li a:hover{color:var(--text-color);border-color:var(--primary-color)}.feedback li a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.feedback li q{font-weight:300;font-size:.8rem;line-height:1.5rem}.feedback li img{height:2.5rem;width:auto;margin:0 1rem 0 0}@media screen and (min-width: 768px) and (max-width: 1024px){.feedback{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.feedback{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.feedback{width:90vw}}.projects,.project-details,.project-blurb{display:flex;flex-direction:column}.projects span,.project-details span,.project-blurb span{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;width:100%;height:auto;background-repeat:no-repeat}.projects span a,.project-details span a,.project-blurb span a{color:var(--text-color);flex-direction:column;width:auto;height:1rem;border-radius:2rem;padding:.45rem 1rem;font-size:.75rem;border:.0625rem solid;font-weight:400;background-color:var(--primary-color-alpha-6);margin-left:auto;flex-shrink:1}.projects span a:hover,.project-details span a:hover,.project-blurb span a:hover{color:var(--black-alpha);background-color:var(--background-color)}.project-blurb{flex-wrap:wrap;align-items:flex-start;text-align:left;padding:0 1rem 2rem;margin-top:1rem;background-color:var(--card-background-color-alpha)}.project-blurb h4{color:var(--primary-color);line-height:1rem;width:100%}@media screen and (min-width: 768px) and (max-width: 1024px){.project-blurb{align-items:flex-start}}@media screen and (min-width: 414px) and (max-width: 767px){.project-blurb{align-items:flex-start}}@media screen and (min-width: 319px) and (max-width: 413px){.project-blurb{align-items:flex-start}}.project-details{height:20rem;justify-content:flex-end;flex-grow:1}.projects{margin-top:0rem;animation:transition-out .5s ease;align-items:stretch;transition:all 2s;width:95vw}@keyframes transition-out{0%{width:0;flex-grow:0}to{width:90vw;flex-grow:1}}@media screen and (min-width: 768px) and (max-width: 1024px){.projects{animation:none!important;width:80vw}}.projects .project-display-card{border:.5rem solid var(--card-background-color);box-sizing:border-box;cursor:pointer}.projects .project-display-card:hover{border-color:var(--black-alpha)}.projects span{background-position:0 100%;background-size:cover;background-position:left center;margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.projects{width:90vw;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.projects{width:90vw;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.projects{width:90vw;flex-direction:column}}.grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-rows:minmax(100px,auto);animation:grow-fixed .5s ease;width:95vw}@keyframes grow-fixed{0%{width:0;@media screen and (min-width: 768px) and (max-width: 1024px){.grid-layout{animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.grid-layout{animation:none!important}}@media screen and (min-width: 319px) and (max-width: 413px){.grid-layout{animation:none!important}}}to{width:90vw}}.grid-layout span .project-details .project-blurb{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 1rem 2rem}.grid-layout span .project-details .project-blurb a{margin-left:auto}.grid-layout span .project-details .skill-pills-mini li{flex-wrap:wrap;margin-right:.5rem}@media screen and (min-width: 768px) and (max-width: 1024px){.grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 319px) and (max-width: 413px){.grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:100%}}@media screen and (min-width: 319px) and (max-width: 413px){.grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:100%}}.skill-pills li{display:flex;justify-content:flex-start;align-items:center;color:var(--primary-color);font-weight:400;margin-right:1rem;padding:.45rem 1rem;border-radius:2rem;background-color:var(--black-alpha)}.skill-pills-mini li{display:flex;flex-wrap:nowrap!important;justify-content:flex-start;align-items:center;color:var(--text-color);background-color:var(--black-alpha);margin-right:1rem;border-radius:2rem;padding:.45rem .75rem;border:.0625rem solid;font-size:.75rem;font-weight:400}.skills li{padding:1rem}.loading-icon-home{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#000;border:1px solid var(--text-color);position:relative;height:100vh;width:100vw}.loading-icon-home .loading-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:10rem;width:10rem;background-image:url("./media/loading_icon-JH5PSJG4.svg");background-attachment:fixed;background-size:100%;filter:sepia(var(--header-image-sepia)) brightness(var(--header-image-brightness));background-repeat:no-repeat;background-position:center center;animation:rotation 1s infinite linear;border-radius:100rem;border:1px solid var(--primary-color)}.loading-icon-home img{position:absolute;margin:0;height:3rem;width:3rem;border:none}.not-found{display:flex;margin:3rem 0 0;flex-direction:column}.not-found img{height:8rem;width:auto;border:0;border-radius:0;margin-top:1.5rem}.not-found .banner{width:50vw;margin:0 0 2rem}@media screen and (min-width: 768px) and (max-width: 1024px){.not-found .banner{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.not-found .banner{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.not-found .banner{width:90vw}}.not-found a{border-bottom:1px dotted var(--primary-color)}.loading-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--black-alpha);border:.5rem solid var(--text-color);box-sizing:border-box;margin-bottom:2rem;position:relative;width:100%;height:30rem}.loading-icon .loading-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:6rem;width:6rem;background-image:url("./media/loading_icon-JH5PSJG4.svg");background-attachment:fixed;background-size:100%;filter:sepia(var(--header-image-sepia)) brightness(var(--header-image-brightness));background-repeat:no-repeat;background-position:center center;animation:rotation 1s infinite linear;border-radius:100rem;border:1px solid var(--primary-color)}.loading-icon img{position:absolute;margin:0;height:3rem;width:3rem;border:none}@media screen and (min-width: 768px) and (max-width: 1024px){.loading-icon{height:15rem;width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.loading-icon{height:15rem;width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.loading-icon{height:15rem;width:90vw}}.small-loading-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--black-alpha);border:.25rem solid var(--black-alpha);box-sizing:border-box;margin-bottom:2rem;position:relative;width:100%;height:10rem}.small-loading-icon .loading-graphic{display:flex;flex-direction:column;justify-content:center;align-items:center;height:4rem;width:4rem;background-image:url("./media/loading_icon-JH5PSJG4.svg");background-attachment:fixed;background-size:100%;filter:sepia(var(--header-image-sepia)) brightness(var(--header-image-brightness));background-repeat:no-repeat;background-position:center center;animation:rotation 1s infinite linear;border-radius:100rem;border:1px solid var(--primary-color)}.small-loading-icon img{position:absolute;margin:0;height:3rem;width:3rem;border:none}@media screen and (min-width: 768px) and (max-width: 1024px){.small-loading-icon{height:15rem;width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.small-loading-icon{height:15rem;width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.small-loading-icon{height:15rem;width:90vw}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes no-rotation{0%{transform:rotate(0)}to{transform:rotate(0)}}.synopsis{display:flex;flex-direction:column;align-items:flex-start;width:50vw;text-align:left;position:relative}.synopsis .back-link{display:flex;align-items:center;width:100%;justify-content:center;padding:0 0 2rem;margin:2rem auto 3rem;border-top:1px dotted var(--secondary-color);padding:2rem 0 0}.synopsis .back-link:hover{color:var(--text-color);border-top:1px dotted var(--secondary-color)}.synopsis .back-link:visited{border-top:1px dotted var(--secondary-color)}.synopsis .back-link img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}.synopsis .back-link-footer{display:flex;align-items:center;width:100%;justify-content:center;border-bottom:none;padding-top:2rem;margin:2rem auto 0;border-top:1px dotted var(--secondary-color)}.synopsis .back-link-footer img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}.synopsis .back-link-footer:hover{color:var(--text-color);border-top:1px dotted var(--secondary-color);border-bottom:none}.synopsis .background{width:100%;height:30rem;background-size:cover;background-repeat:no-repeat;background-position:top;border-radius:0;box-sizing:border-box;animation:fade 1s;border:.5rem solid var(--card-background-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .background{height:15rem;width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .background{height:15rem;width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .background{height:15rem;width:90vw}}.synopsis .project-skills-header{width:100%;margin:1rem 0;color:var(--text-color);padding:1rem 0 0;font-size:1rem;text-align:left;margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .project-skills-header{margin:1rem 0 0 0rem}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .project-skills-header{margin:1rem 0 0 0rem}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .project-skills-header{margin:1rem 0 0 0rem}}.synopsis .skills{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;align-items:center}.synopsis .skills li{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;padding:.25rem .75rem;color:var(--text-color);border:.0625rem solid var(--secondary-color);background-color:var(--social-media-toolbar-color);border-radius:10rem;margin-top:.5rem;margin-right:.25rem;line-height:1.5rem}.synopsis .skills li img{width:1rem;height:1rem;margin:0 .25rem 0 0;border:0;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .skills li img{margin:0}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .skills li img{margin:0}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .skills li img{margin:0}}@media screen and (min-width: 1025px) and (max-width: 1500px){.synopsis .skills li img{margin:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .skills li span{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .skills li span{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .skills li span{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .skills{padding-left:0}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .skills{padding-left:0}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .skills{padding-left:0}}.synopsis .project-details{padding:1rem 0;height:auto;line-height:1.5rem}.synopsis button{margin:-5rem 1rem 2rem auto;background:transparent;border:none;z-index:998;cursor:pointer}.synopsis button img{height:2rem;width:auto;margin:0 0 0 auto;border:0;border-radius:0}.synopsis .related-project{width:50vw;background-size:cover;background-position:50% 20%;margin-top:1rem;border:.5rem solid var(--card-background-color);box-sizing:border-box;cursor:pointer}.synopsis .related-project:hover{border-color:var(--black-alpha)}.synopsis .related-project .related-project-wrapper{display:flex;flex-direction:column;justify-self:stretch;flex-basis:100%;background-color:var(--card-background-color-alpha);padding:1rem 1rem 2rem;margin-top:4rem}.synopsis .related-project .related-project-wrapper h5{display:block;width:50%;color:var(--primary-color);color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);margin:0 0 1rem;padding:0;cursor:pointer}.synopsis .related-project .related-project-wrapper h5:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.synopsis .related-project .related-project-wrapper h5:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .related-project .related-project-wrapper h5{width:100%}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .related-project .related-project-wrapper h5{width:100%}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .related-project .related-project-wrapper h5{width:100%}}.synopsis .related-project .related-project-wrapper h6{margin:0 0 1rem}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis .related-project{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis .related-project{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis .related-project{width:90vw}}@media screen and (min-width: 768px) and (max-width: 1024px){.synopsis{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.synopsis{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.synopsis{width:90vw}}.synopsis .project-display-grid{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:1rem;width:100%;margin-bottom:2rem;animation:fade 1s}.synopsis .project-display-grid .image img{width:100%;height:100%;object-fit:cover;border:.25rem solid var(--card-background-color);border-radius:0;box-sizing:border-box}.synopsis .project-display-grid .image:nth-child(1){grid-column:span 4;grid-row:span 2}.synopsis .project-display-grid .image:nth-child(2){grid-column:span 2}.synopsis .project-display-grid .image:nth-child(3){grid-column:span 2}.synopsis .project-display-grid .image:nth-child(4){grid-column:span 3}.synopsis .project-display-grid .image:nth-child(5){grid-column:span 3}.privacy-policy-wrapper{display:flex;flex-direction:column;width:60vw;text-align:left}.privacy-policy-wrapper h3{text-align:center}.privacy-policy-wrapper img{height:3rem;width:auto;border:0;border-radius:0;margin:0 auto}.privacy-policy-wrapper ul{padding:0 0 0 1rem;list-style:square}.privacy-policy-wrapper a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.privacy-policy-wrapper a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.privacy-policy-wrapper a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.privacy-policy-wrapper{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.privacy-policy-wrapper{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.privacy-policy-wrapper{width:90vw}}.community-project{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;width:50vw;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px dotted var(--secondary-color)}.community-project:last-child{border:none;padding-bottom:0}.community-project img{margin:auto 3rem auto 0;height:7rem;width:7rem;object-fit:cover}.community-project span{display:flex;width:100%;flex-direction:column;justify-content:flex-start;align-items:flex-start}.community-project span h4{padding:0}.community-project span h5{color:var(--text-color);padding:0}.community-project span .community-link{display:flex;flex-direction:row;width:100%;align-items:center;margin-top:1.25rem;margin-bottom:1rem;padding-top:1rem}.community-project span .community-link svg{fill:var(--text-color);margin-right:.75rem}.community-project span .community-link a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.community-project span .community-link a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.community-project span .community-link a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.community-project{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.community-project{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.community-project{width:90vw}}.site-build-footer{display:flex;align-items:flex-end;margin-bottom:2rem}.site-build-footer a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);color:var(--text-color);margin-top:1rem}.site-build-footer a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.site-build-footer a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.site-build-footer img{height:1rem;margin-right:1rem}.site-build-details{width:50vw;text-align:left}.site-build-details p{line-height:1.5rem;padding-bottom:1rem}.site-build-details h5{text-align:left;color:var(--secondary-color);padding:0}.site-build-details .dependencies{display:flex;box-sizing:border-box;color:var(--text-color);font-size:.75rem;margin-bottom:1rem;padding:1rem .75rem;background-color:var(--background-color);border:1px solid #666}@media screen and (min-width: 768px) and (max-width: 1024px){.site-build-details{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.site-build-details{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.site-build-details{width:90vw}}.scroll{position:fixed;right:3rem;bottom:3rem;z-index:999}.scroll .mouse{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:3rem;width:1.75rem;border:.0625rem solid var(--text-color);background-color:var(--primary-color-alpha-5);border-radius:10rem;cursor:pointer}.scroll .mouse:hover{border-color:var(--primary-color)}.scroll .mouse span{display:block;height:.75rem;width:.25rem;margin-top:.75rem;border-radius:10rem;background-color:var(--text-color);animation:mouseButton .9s infinite}@keyframes mouseButton{0%{transform-origin:bottom center;transform:scaleY(0);opacity:0}to{transform-origin:bottom center;transform:scaleY(1);opacity:1}}.social-share-wrapper{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.social-share-wrapper p{text-align:right}.social-share-wrapper button{margin:0 .5rem 0 0;display:flex;align-items:center;padding:.45rem 1.25rem;border-radius:.25rem;border:none;cursor:pointer}.social-share-wrapper button:first-of-type{margin-left:1rem}.social-share-wrapper button:hover{opacity:.75}.social-share-wrapper button svg{fill:#fff}.facebook{background-color:var(--facebook-color)!important}.x-social{background-color:var(--x-social-color)!important}.linkedin{background-color:var(--linkedin-color)!important}.tag-line{color:var(--text-color);padding:1rem 0 0}.angular-version{color:var(--text-color);font-size:.75rem;display:flex;align-items:center;justify-content:center;text-align:center;background-color:var(--background-color);margin:0;padding:1rem 0}.angular-version img{margin:0 .5rem}.privacy-policy-footer{display:flex;align-items:center}.privacy-policy-footer a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);color:var(--text-color)}.privacy-policy-footer a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.privacy-policy-footer a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.privacy-policy-footer img{height:1rem;margin-right:1rem}.header-section{display:flex;width:100vw;height:70vh;justify-content:flex-start;padding:0;background-image:url("./media/background-MALBE3NG.webp");background-attachment:fixed;background-size:100%;filter:sepia(var(--header-image-sepia)) brightness(var(--header-image-brightness));background-repeat:no-repeat;position:relative}.header-section .content-wrapper{width:50vw;display:flex;flex-direction:column;justify-content:center;text-align:left;padding-left:4rem}.header-section .content-wrapper h1{font-size:4rem;padding-bottom:0;font-family:Caveat,cursive}.header-section .content-wrapper h1 q{color:var(--primary-color)}.header-section .content-wrapper h1 span{color:#fff!important;padding:0 .25rem;margin-right:.25rem;font-weight:300}.header-section .content-wrapper h1 span:first-of-type{color:var(--primary-color)!important;font-weight:300;background-color:transparent}.header-section .content-wrapper h1 span:last-of-type{color:var(--black-alpha)!important;background-color:var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper h1{font-size:2rem;line-height:2.5rem;padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper h1{font-size:1.75rem;line-height:3rem;padding:0;text-align:center}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper h1{font-size:1.75rem;line-height:3rem;padding:0;width:70vw;text-align:center}}.header-section .content-wrapper h2{font-weight:200;padding-bottom:0}.header-section .content-wrapper h2 span{color:#fff;font-weight:700}.header-section .content-wrapper h2 span:first-of-type{color:var(--primary-color);font-weight:300}.header-section .content-wrapper h2 span:last-of-type{color:var(--black-alpha);background-color:var(--primary-color-alpha-6);font-weight:500;padding:0 .25rem;margin-right:.25rem}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper h2{font-size:1.25rem;line-height:1.5rem}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper h2{font-size:1.5rem;line-height:3rem;padding:0;text-align:center}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper h2{font-size:1.5rem;line-height:3rem;padding:0;text-align:center}}.header-section .content-wrapper h3{display:flex;flex-direction:column;font-size:2.5rem;line-height:3.5rem;font-weight:200;text-align:left;padding:2rem 0 0;margin:0}.header-section .content-wrapper h3 span{padding-right:1rem}.header-section .content-wrapper h3 span:first-of-type{color:var(--primary-color);font-weight:700}.header-section .content-wrapper h3 span:last-of-type{color:var(--primary-color);font-weight:700}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper h3{font-size:1.5rem;line-height:2rem}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper h3{font-size:1.5rem;line-height:2rem}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper h3{font-size:1.5rem;line-height:2rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper{padding-left:3rem}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper{margin:2rem auto 0;text-align:center;padding-left:0}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper{margin:2rem auto 0;text-align:center;padding-left:0;width:70vw}}.header-section .content-wrapper .skills{padding:0 0 1.5rem;flex-direction:column;align-items:flex-end;align-self:center;position:absolute;right:2.5rem;width:3rem}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper .skills{flex-direction:row;position:unset;width:auto}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper .skills{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper .skills{display:none}}.header-section .content-wrapper .skills img{width:auto;border:0;border-radius:0;height:1.5rem;margin:.75rem;background-color:var(--background-color);padding:.45rem;border-radius:10rem}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .content-wrapper .skills img{margin:0 1rem 1rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .content-wrapper .skills img{margin:0 1rem 1rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .content-wrapper .skills img{margin-right:.5rem}}.header-section .content-wrapper .email{display:flex;align-items:center;margin:2rem 0}.header-section .content-wrapper .email svg{margin-right:1rem}.header-section .avatar{display:block;width:30vw;height:70vh;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url("./media/avatar-4YP5TRZ3.webp")}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .avatar{background-size:cover;width:50vw;height:70vh}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .avatar{background-size:cover;width:100vw;height:70vh}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .avatar{background-size:cover;width:100vw;height:50vh}}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section img{height:6rem;width:6rem}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section img{height:6rem;width:6rem}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section img{height:6rem;width:6rem}}.header-section .location-wrapper{width:100%;display:flex;justify-content:flex-start;align-items:center;padding-top:2rem;z-index:10}.header-section .location-wrapper p{margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section .location-wrapper p{width:auto}}.header-section .location-wrapper a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);color:#fff;flex:0 0 50%;justify-content:flex-start;padding-bottom:.25rem}.header-section .location-wrapper a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.header-section .location-wrapper a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.header-section .location-wrapper a:hover{color:var(--secondary-color);border-color:#fff}.header-section .location-wrapper svg{margin-right:.5rem}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .location-wrapper{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .location-wrapper{display:none}}.header-section .scroll-down{height:1rem;width:2rem;border:none;border-radius:0;margin:6rem 0 0}@media screen and (min-width: 319px) and (max-width: 413px){.header-section .scroll-down{margin:2rem auto 0}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section .scroll-down{margin:2rem auto 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section{background-image:url("./media/background-MALBE3NG.webp");background-attachment:fixed;background-size:cover;filter:sepia(var(--header-image-sepia)) brightness(var(--header-image-brightness));background-repeat:no-repeat}}@media screen and (min-width: 414px) and (max-width: 767px){.header-section{flex-direction:column-reverse;background-size:cover;height:70vh;padding-bottom:0}}@media screen and (min-width: 319px) and (max-width: 413px){.header-section{flex-direction:column-reverse;background-size:cover;height:75vh;padding-bottom:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.header-section p{width:95vw}}.companies-wrapper{width:90vw;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 1rem}.companies-wrapper img{height:1.5rem;width:auto}@media screen and (min-width: 768px) and (max-width: 1024px){.companies-wrapper img{width:2.75rem;height:auto}}@media screen and (min-width: 414px) and (max-width: 767px){.companies-wrapper img{width:2.75rem;height:auto}}@media screen and (min-width: 319px) and (max-width: 413px){.companies-wrapper img{width:2.75rem;height:auto}}.companies-wrapper .icon{margin:1rem auto}@keyframes growX{0%{transform-origin:top center;transform:scaleX(0);opacity:0}to{transform-origin:top center;transform:scaleX(1);opacity:1}}.menu-icon{background-color:transparent;border:0;border-radius:0;margin:2.5rem 0 1.5rem;height:2rem;cursor:pointer;width:4rem}.menu-icon span{display:block;height:.25rem;width:100%;border-radius:10rem;background-color:var(--text-color);margin-bottom:.25rem;transition:width .5s linear}.menu-icon span:nth-child(2){width:75%}.menu-icon span:nth-child(3){width:50%}.menu-icon:hover span{transition:width 1s ease-in-out;width:100%}.menu-icon img{height:2rem;width:auto;border:0;border-radius:0}.menu-icon:hover{filter:drop-shadow(.125rem .125rem var(--primary-color-alpha-6)) drop-shadow(-.125rem -.125rem var(--text-color))}.close-icon{background-color:transparent;border:0;border-radius:0;margin:1.5rem 0;height:2rem;cursor:pointer;position:relative;margin:.25rem 0 .5rem;height:unset}.close-icon img{height:auto;width:1.5rem;border:0;border-radius:0;transition:width .5s linear;mix-blend-mode:difference}.close-icon:hover img{transition:width 1s ease-in-out;width:2.5rem;filter:drop-shadow(.125rem .125rem var(--primary-color-alpha-6)) drop-shadow(-.125rem -.125rem var(--text-color))}.navigation{display:flex;flex-wrap:wrap;position:fixed;top:0;left:0;justify-content:space-around;background-color:var(--text-color-variant-alpha);border-bottom:.0625rem solid var(--text-color);padding-top:25vh;padding-bottom:75vh;z-index:999;width:100vw}.navigation li{padding:1.25rem 0;border:0;cursor:pointer;border-bottom:.0625rem solid transparent;min-width:auto}.navigation li .active{font-weight:500;color:var(--primary-color)}.navigation li a{color:var(--text-color);font-size:1.5rem;display:flex;justify-content:center;align-items:center}.navigation li a svg{fill:var(--primary-color);margin-right:.75rem}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation li a{width:100%;font-size:1.5rem;justify-content:center;align-items:center}.navigation li a:hover{color:var(--secondary-color)}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation li a{width:100%;font-size:1.5rem;justify-content:center;align-items:center}.navigation li a:hover{color:var(--secondary-color)}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation li a{width:100%;font-size:1.5rem;justify-content:center;align-items:center}.navigation li a:hover{color:var(--secondary-color)}}.navigation li:first-child:hover{border-bottom:.0625rem solid transparent}.navigation li:hover{border-bottom:.0625rem solid var(--text-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation li:hover{border-color:transparent}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation li:hover{border-color:transparent}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation li:hover{border-color:transparent}}.navigation li:active{background-color:var(--background-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation li{width:100%;padding:1rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation li{width:100%;padding:1rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation li{width:100%;padding:1rem 0}}.navigation .navigation-subtext{color:var(--text-color);flex:0 0 30%;flex-basis:100%;text-align:left;padding:2rem 0 0 20%}.navigation .navigation-subtext .navigation-image{border:1px solid var(--secondary-color);border-radius:0;width:auto;height:22rem;margin-right:2.5rem;animation:grow .9s}.navigation .navigation-subtext .route-info-wrapper{display:flex;flex-direction:column;justify-content:flex-start;animation:grow .9s}@keyframes grow{0%{transform-origin:top center;transform:scaleY(0);opacity:0}to{opacity:1}}.navigation .navigation-subtext .route-info-wrapper h3{text-align:left;padding:0}.navigation .navigation-subtext .route-info-wrapper .text{display:block;width:30vw;margin:0;padding:1rem 0 .5rem}.navigation .navigation-subtext .route-info-wrapper .route-elements{display:flex;align-items:center}.navigation .navigation-subtext .route-info-wrapper .route-elements img{height:1.5rem;width:auto;border:0;border-radius:0;margin:0 .75rem 0 0;padding:0}.navigation .navigation-subtext .route-info-wrapper .route-elements .route{font-style:italic;color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.navigation .navigation-subtext .route-info-wrapper h5{color:var(--text-color);margin:0;padding:1rem 0 0}.navigation .navigation-subtext .route-info-wrapper .keywords{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;color:var(--text-color);margin:.5rem 0 0;padding:0}.navigation .navigation-subtext .route-info-wrapper .keywords li{padding:.25rem .75rem;font-size:.75rem;border:2px solid var(--secondary-color);border-radius:10rem;margin-right:.5rem}.navigation .navigation-subtext .route-info-wrapper .keywords li:last-child{margin-right:0}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation .navigation-subtext{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation .navigation-subtext{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation .navigation-subtext{display:none}}.navigation .external-link{display:flex;align-items:center;justify-content:center}.navigation .external-link img{height:1.5rem;width:auto;margin:0 1rem 0 0}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation .external-link img{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation .external-link img{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation .external-link img{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px){.navigation{flex-direction:column;width:100%;font-size:1.5rem;justify-content:center;align-items:center;padding-top:10vh}.navigation:hover{color:var(--secondary-color)}}@media screen and (min-width: 414px) and (max-width: 767px){.navigation{flex-direction:column;width:100%;font-size:1.5rem;justify-content:center;align-items:center;padding-top:10vh}.navigation:hover{color:var(--secondary-color)}}@media screen and (min-width: 319px) and (max-width: 413px){.navigation{flex-direction:column;width:100%;font-size:1.5rem;justify-content:center;align-items:center;padding-top:10vh}.navigation:hover{color:var(--secondary-color)}}.tab-link{display:block;padding-top:0}.tab-link .active{font-weight:500;color:var(--primary-color);border-bottom:.1rem dotted var(--background-color)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes shrink{0%{transform:scaleY(1)}to{transform:scaleY(0)}}.modal-image-wrapper{display:flex;flex-direction:column;padding:1rem;background-color:var(--black-alpha);border:1px solid var(--text-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;margin:1rem auto;animation:fade 1s;width:50vw}.modal-image-wrapper img{border:0;border-radius:0;height:100%;width:auto}.modal-image-wrapper button{margin:1rem 0 2rem;background:transparent;border:none;cursor:pointer}.modal-image-wrapper button img{height:2rem;width:auto;margin:0 0 0 auto;filter:none}.shrink{animation:shrink 1s}.skill-pills-mini li{flex-wrap:wrap;margin-right:.5rem}.skills-header{width:100%;margin:1rem 0;color:var(--text-color);padding:1rem 0 0}@media screen and (min-width: 768px) and (max-width: 1024px){.skills-header{margin:1rem 0 0 0rem}}@media screen and (min-width: 414px) and (max-width: 767px){.skills-header{margin:1rem 0 0 0rem}}@media screen and (min-width: 319px) and (max-width: 413px){.skills-header{margin:1rem 0 0 0rem}}.skill-pills{display:flex;list-style:none;margin-top:1rem}.skill-pills li{display:flex;justify-content:flex-start;align-items:center;color:var(--primary-color);font-weight:400;margin-right:1rem;padding:.45rem 1rem;border-radius:2rem;background-color:var(--card-background-color-alpha)}.skill-pills li img{height:1rem;width:auto;margin:0 .5rem 0 0;border:none;border-radius:0}.skill-pills-mini{display:flex;flex-grow:1;list-style:none;width:auto;margin:1rem auto 0 1rem}.skill-pills-mini li{display:flex;flex-wrap:nowrap!important;justify-content:flex-start;align-items:center;color:var(--text-color);background-color:var(--card-background-color-alpha);margin-right:1rem;border-radius:2rem;padding:.45rem .75rem;border:.0625rem solid;font-size:.75rem;font-weight:400}.skill-pills-mini li img{height:1rem;width:auto;margin:0 .5rem 0 0;border:none;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.skill-pills-mini li img{margin:0}}@media screen and (min-width: 414px) and (max-width: 767px){.skill-pills-mini li img{margin:0}}@media screen and (min-width: 319px) and (max-width: 413px){.skill-pills-mini li img{margin:0}}@media screen and (min-width: 1025px) and (max-width: 1500px){.skill-pills-mini li img{margin:0}}.skill-pills-mini li span{margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.skill-pills-mini li span{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.skill-pills-mini li span{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.skill-pills-mini li span{display:none}}@media screen and (min-width: 1025px) and (max-width: 1500px){.skill-pills-mini li span{display:none}}.skills{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;align-items:center}.skills li{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;padding:.25rem .75rem;color:var(--text-color);border:.0625rem solid var(--secondary-color);background-color:var(--social-media-toolbar-color);border-radius:10rem;margin-top:.5rem;margin-right:.25rem;line-height:1.5rem}.skills li img{width:1rem;height:1rem;margin:0 .25rem 0 0;border:0;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.skills li img{margin:0}}@media screen and (min-width: 414px) and (max-width: 767px){.skills li img{margin:0}}@media screen and (min-width: 319px) and (max-width: 413px){.skills li img{margin:0}}@media screen and (min-width: 1025px) and (max-width: 1500px){.skills li img{margin:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.skills li span{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.skills li span{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.skills li span{display:none}}.skills li .no-link{margin:0}@media screen and (min-width: 768px) and (max-width: 1024px){.skills{padding-left:0}}@media screen and (min-width: 414px) and (max-width: 767px){.skills{padding-left:0}}@media screen and (min-width: 319px) and (max-width: 413px){.skills{padding-left:0}}.skills .pill-link{color:var(--text-color);padding:0rem .25rem;height:auto;background-color:transparent;border:none;border-radius:0;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--text-color)}.skills .pill-link:hover{color:var(--secondary-color);text-decoration-color:var(--primary-color);background-color:transparent;border:none}.employment-skills{display:flex;flex-wrap:wrap;width:100%;justify-content:flex-start;align-items:center;padding:0}.employment-skills li{display:flex;justify-content:flex-start;align-items:center;font-size:.75rem;padding:.25rem .75rem;color:var(--text-color);border:.0625rem solid var(--secondary-color);background-color:var(--social-media-toolbar-color);border-radius:10rem;margin-top:.5rem;margin-right:.25rem;line-height:1.5rem}.employment-skills li img{width:1rem;height:1rem;margin:0 .25rem 0 0;border:0;border-radius:0}@media screen and (min-width: 768px) and (max-width: 1024px){.employment-skills li img{margin:0}}@media screen and (min-width: 414px) and (max-width: 767px){.employment-skills li img{margin:0}}@media screen and (min-width: 319px) and (max-width: 413px){.employment-skills li img{margin:0}}@media screen and (min-width: 1025px) and (max-width: 1500px){.employment-skills li img{margin:0}}@media screen and (min-width: 768px) and (max-width: 1024px){.employment-skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.employment-skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.employment-skills li{width:1rem;height:1rem;margin:0 .25rem .25rem 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.employment-skills li span{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.employment-skills li span{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.employment-skills li span{display:none}}@media screen and (min-width: 768px) and (max-width: 1024px){.employment-skills{padding-left:0}}@media screen and (min-width: 414px) and (max-width: 767px){.employment-skills{padding-left:0}}@media screen and (min-width: 319px) and (max-width: 413px){.employment-skills{padding-left:0}}.breadcrumb{display:flex;width:50vw;margin:0 auto}.breadcrumb li{color:var(--secondary-color);font-style:italic;min-width:6rem;margin-right:1rem}.breadcrumb li:last-child :after{content:" ";display:inline-block;padding-left:1rem}.breadcrumb li :after{content:">";display:inline-block;padding-left:2rem}.breadcrumb li a{color:var(--secondary-color)}.info-box{display:flex;flex-direction:column;flex-wrap:wrap;width:30vw;font-weight:400;background-color:var(--background-color);border:1px solid var(--secondary-color);padding:1.5rem;text-align:left;position:absolute;z-index:1;animation:fade .9s}.info-box p{margin:0;letter-spacing:0}.info-box .help-title{display:flex;align-items:center;margin:0 0 1.5rem}.info-box .tool-tip-link{display:block;margin-left:.5rem;color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.info-box .tool-tip-link:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.info-box .tool-tip-link:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.info-box .breakpoint{display:block;width:100%;height:1rem}.info-box h4{margin:0 0 1rem;line-height:1rem;font-size:1.5rem}.info-box img{width:auto;height:10rem;border:0;border-radius:0;margin:1rem 0}.info-box button{background-color:var(--primary-color-alpha-65);border:1px solid var(--background-color);font-family:inherit;color:#fff;padding:.5rem 1rem;border-radius:10rem;cursor:pointer;width:6rem;margin-left:auto}.info-box button:hover{background-color:var(--background-color);color:var(--text-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.info-box{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.info-box{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.info-box{display:none}}.info-icon-wrapper{display:inline-block}icon{border:1px solid var(--secondary-color);border-radius:3rem;margin-left:.5rem;cursor:pointer}icon:before{color:var(--secondary-color);display:inline-block;font-style:italic;height:1rem;width:2rem;content:"i"}@media screen and (min-width: 768px) and (max-width: 1024px){icon{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){icon{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){icon{display:none}}.presentation-link{padding:0rem 0 2rem;display:flex;justify-content:flex-start;align-items:center}.presentation-link a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.presentation-link a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.presentation-link a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.presentation-link svg{fill:var(--primary-color);margin-right:1rem}.blog{width:60vw}@media screen and (min-width: 768px) and (max-width: 1024px){.blog{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.blog{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.blog{width:90vw}}.blog .blog-grid-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-auto-rows:minmax(100px,auto);animation:grow-fixed .5s ease;width:95vw}@keyframes grow-fixed{0%{width:0;@media screen and (min-width: 768px) and (max-width: 1024px){.blog .blog-grid-layout{animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.blog .blog-grid-layout{animation:none!important}}@media screen and (min-width: 319px) and (max-width: 413px){.blog .blog-grid-layout{animation:none!important}}}to{width:90vw}}.blog .blog-grid-layout span .project-details .project-blurb{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:0 1rem 2rem}.blog .blog-grid-layout span .project-details .project-blurb a{margin-left:auto}.blog .blog-grid-layout span .project-details .skill-pills-mini li{flex-wrap:wrap;margin-right:.5rem}@media screen and (min-width: 768px) and (max-width: 1024px){.blog .blog-grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.blog .blog-grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 319px) and (max-width: 413px){.blog .blog-grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:90vw;animation:none!important}}@media screen and (min-width: 414px) and (max-width: 767px){.blog .blog-grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:100%}}@media screen and (min-width: 319px) and (max-width: 413px){.blog .blog-grid-layout{grid-template-columns:repeat(1,minmax(0,1fr));width:100%}}.blog .blog-key{color:var(--text-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.blog .blog-key{text-align:left;width:100%;margin-bottom:.75rem}}@media screen and (min-width: 414px) and (max-width: 767px){.blog .blog-key{text-align:left;width:100%;margin-bottom:.75rem}}@media screen and (min-width: 319px) and (max-width: 413px){.blog .blog-key{text-align:left;width:100%;margin-bottom:.75rem}}.blog .blog-key-wrapper{display:flex;justify-content:center;align-items:center;color:var(--secondary-color);font-size:.85rem;margin-bottom:2rem}@media screen and (min-width: 768px) and (max-width: 1024px){.blog .blog-key-wrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}}@media screen and (min-width: 414px) and (max-width: 767px){.blog .blog-key-wrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}}@media screen and (min-width: 319px) and (max-width: 413px){.blog .blog-key-wrapper{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}}.level{display:flex;justify-content:flex-start;align-items:center}.level img{border:0;border-radius:0;height:1.5rem;width:auto;margin:0 1rem}@media screen and (min-width: 768px) and (max-width: 1024px){.level img{margin:.25rem 1rem 0 0}}@media screen and (min-width: 414px) and (max-width: 767px){.level img{margin:.25rem 1rem 0 0}}@media screen and (min-width: 319px) and (max-width: 413px){.level img{margin:.25rem 1rem 0 0}}.level a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);margin-right:.25rem}.level a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.level a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.level{margin:.25rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.level{margin:.25rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.level{margin:.25rem 0}}.descriptions{width:60vw;text-align:left}.descriptions h2{display:flex;justify-content:flex-start;align-items:center}.descriptions .description-anchor{display:block;height:0;color:transparent}.descriptions .description-level{margin:5rem 0 3rem}@media screen and (min-width: 768px) and (max-width: 1024px){.descriptions{width:90vw}}@media screen and (min-width: 414px) and (max-width: 767px){.descriptions{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.descriptions{width:90vw}}.descriptions .back-link{display:flex;align-items:center;width:100%;justify-content:center;margin:2rem auto 3rem;border-bottom:1px dotted var(--secondary-color);padding:0 0 2rem;margin-bottom:0;padding:0 0 1rem}.descriptions .back-link:hover{color:var(--text-color);border-bottom:1px dotted var(--secondary-color)}.descriptions .back-link:visited{border-bottom:1px dotted var(--secondary-color)}.descriptions .back-link img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}.descriptions .back-link-bottom{display:flex;align-items:center;width:100%;justify-content:center;padding:0 0 2rem;margin:2rem auto 3rem;border-top:1px dotted var(--secondary-color);padding:2rem 0 0;margin-top:0;padding:1rem 0 0}.descriptions .back-link-bottom:hover{color:var(--text-color);border-top:1px dotted var(--secondary-color)}.descriptions .back-link-bottom:visited{border-top:1px dotted var(--secondary-color)}.descriptions .back-link-bottom img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}.blog-post{display:flex;margin:0 0 2rem;width:100%}.blog-post .cover-image{display:block;width:30rem;height:20rem;background-position:left center;background-size:100%;background-repeat:no-repeat;background-color:#000;margin-right:1rem;margin-right:2rem;border:.5rem solid var(--card-background-color);box-sizing:border-box}.blog-post .cover-image:hover{border-color:var(--black-alpha)}@media screen and (min-width: 768px) and (max-width: 1024px){.blog-post .cover-image{width:100%;margin:0}}@media screen and (min-width: 414px) and (max-width: 767px){.blog-post .cover-image{width:100%;margin:0}}@media screen and (min-width: 319px) and (max-width: 413px){.blog-post .cover-image{width:100%;margin:0}}.blog-post h4{text-align:left;margin:0;padding:0}.blog-post h5{margin:0;padding:0}.blog-post .post-details{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%}.blog-post .post-details p{font-size:.85rem;text-align:left;margin:.5rem 0}.blog-post .post-details .post-title{text-align:left;margin:0;padding:0;border-bottom:.0625rem dotted var(--primary-color);display:flex;justify-content:flex-start;align-items:center}.blog-post .post-details .post-title img{border:0;border-radius:0;height:1.5rem;width:auto;margin:0 .5rem 0 0}.blog-post .post-details h5{color:var(--text-color-light)}.blog-post .post-details a{color:var(--text-color);flex-direction:column;width:auto;height:1rem;border-radius:2rem;padding:.45rem 1rem;font-size:.75rem;border:.0625rem solid;font-weight:400;background-color:var(--primary-color-alpha-6);flex-shrink:1;margin-top:2.5rem;margin-left:0}.blog-post .post-details a:hover{color:var(--black-alpha);background-color:var(--background-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.blog-post .post-details{padding:1rem}}@media screen and (min-width: 414px) and (max-width: 767px){.blog-post .post-details{padding:1rem}}@media screen and (min-width: 319px) and (max-width: 413px){.blog-post .post-details{padding:1rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.blog-post{flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.blog-post{flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.blog-post{flex-direction:column}}.article-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 5vw}.article-wrapper .article{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:40vw;margin-bottom:2rem;padding:0 1rem}.article-wrapper .article h3{text-align:left;margin:0;padding:0;border-bottom:.0625rem dotted var(--primary-color)}.article-wrapper .article h4{margin:0;padding:0;color:var(--text-color)}.article-wrapper .article .article-date{border-bottom:.0625rem dotted var(--secondary-color)}.article-wrapper .article img{border-radius:0;width:100%;height:auto;margin-bottom:0;box-sizing:border-box}.article-wrapper .article .article-information-bar{display:flex;justify-content:center;align-items:center;justify-content:space-between;width:100%}.article-wrapper .article .article-information-bar .level-icon{padding:.5rem 0;margin-right:2rem;width:unset}.article-wrapper .article .article-information-bar .article-reading-time-wrapper{display:flex;justify-content:center;align-items:center;justify-content:flex-start;font-size:.85rem;margin:0 2rem 0 0}.article-wrapper .article .article-information-bar .article-reading-time-wrapper .reading-time-tooltip{margin-right:1.5rem}.article-wrapper .article .article-information-bar .article-reading-time-wrapper .reading-time-tooltip p{padding:1rem 0}.article-wrapper .article .article-information-bar .article-reading-time-wrapper .article-reading-time{display:flex;justify-content:flex-start;align-items:center;color:var(--text-color)}.article-wrapper .article .article-information-bar .article-reading-time-wrapper .article-reading-time svg{display:block;height:1rem;width:1rem;border:none;margin:auto .5rem auto auto;mix-blend-mode:difference}.article-wrapper .article .article-information-bar .article-reading-time-wrapper .article-reading-time pre{margin:0 .5rem}@media screen and (min-width: 768px) and (max-width: 1024px){.article-wrapper .article .article-information-bar .article-reading-time-wrapper{margin:1rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper .article .article-information-bar .article-reading-time-wrapper{margin:1rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .article .article-information-bar .article-reading-time-wrapper{margin:1rem 0}}.article-wrapper .article .article-information-bar .copy-url{display:flex;justify-content:center;align-items:center;justify-content:flex-start;margin:0 auto 0 0;font-size:.85rem;color:var(--text-color);position:relative}.article-wrapper .article .article-information-bar .copy-url .copy-url-button{cursor:pointer;display:flex;justify-content:center;align-items:center;justify-content:flex-start;font-size:.75rem;color:var(--text-color-light);background-color:var(--code-block-background);border:.0625rem solid var(--text-color);font-family:inherit;border-radius:.25rem;margin-right:1rem;padding:.25rem .5rem}.article-wrapper .article .article-information-bar .copy-url .copy-url-button:hover{background-color:var(--primary-color);border:.0625rem solid var(--code-block-background);color:var(--text-color)}.article-wrapper .article .article-information-bar .copy-url .copy-url-button svg{display:block;height:1rem;width:1rem;border:none;margin:auto .5rem auto auto;mix-blend-mode:difference}.article-wrapper .article .article-information-bar .copy-url .copy-url-message{display:block;color:var(--text-color);width:10rem;margin:0 0 0 1.35rem;background-color:var(--primary-color);border:.0625rem solid var(--secondary-color);padding:.25rem .5rem;border-radius:.25rem;position:absolute;top:-3rem;right:0}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper .article .article-information-bar .copy-url .copy-url-message{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .article .article-information-bar .copy-url .copy-url-message{display:none}}.article-wrapper .article .article-information-bar .copy-url .copy-url-tooltip p{padding:1rem 0}@media screen and (min-width: 768px) and (max-width: 1024px){.article-wrapper .article .article-information-bar .copy-url{margin:1rem 0}}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper .article .article-information-bar .copy-url{margin:1rem 0}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .article .article-information-bar .copy-url{margin:1rem 0}}@media screen and (min-width: 768px) and (max-width: 1024px){.article-wrapper .article .article-information-bar{align-items:flex-start;width:90vw;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper .article .article-information-bar{align-items:flex-start;width:90vw;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .article .article-information-bar{align-items:flex-start;width:90vw;flex-direction:column}}.article-wrapper .article .content{width:100%;text-align:left;margin:1rem 0}.article-wrapper .article .content ol{padding:1rem 1rem 1rem 0rem;margin:1rem 0}.article-wrapper .article .content small{display:block;width:100%;text-align:center;padding:.75rem 1rem;box-sizing:border-box;color:var(--text-color);background-color:var(--card-background-color)}.article-wrapper .article .back-link{display:flex;align-items:center;width:100%;justify-content:center;margin:2rem auto;border-bottom:1px dotted var(--secondary-color);padding:0 0 2rem}.article-wrapper .article .back-link:hover{color:var(--text-color);border-bottom:1px dotted var(--secondary-color)}.article-wrapper .article .back-link:visited{border-bottom:1px dotted var(--secondary-color)}.article-wrapper .article .back-link img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}.article-wrapper .article .back-link-bottom{display:flex;align-items:center;width:100%;justify-content:center;padding:0 0 2rem;margin:2rem auto 3rem;border-top:1px dotted var(--secondary-color);padding:2rem 0 0}.article-wrapper .article .back-link-bottom:hover{color:var(--text-color);border-top:1px dotted var(--secondary-color)}.article-wrapper .article .back-link-bottom:visited{border-top:1px dotted var(--secondary-color)}.article-wrapper .article .back-link-bottom img{height:2rem;width:auto;border:0;border-radius:0;margin:0 1rem 0 0;mix-blend-mode:difference}@media screen and (min-width: 768px) and (max-width: 1024px){.article-wrapper .article{width:100%;padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper .article{width:100%;padding:0}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .article{width:100%;padding:0}}.article-wrapper .articles{padding:0 2vw}.article-wrapper .articles .articles-header{text-align:left;margin:0;padding:0;border-bottom:.0625rem dotted var(--primary-color);margin-top:1.5rem;margin-bottom:1.5rem;padding:0 0 2rem}.article-wrapper .blog-contact{display:flex;flex-direction:column;text-align:left;border:.25rem solid var(--background-color);padding:3rem 1.5rem;box-sizing:border-box}.article-wrapper .blog-contact .blog-contact-introduction{display:flex;justify-content:flex-start;align-items:flex-start;font-size:.8rem;color:var(--text-color);padding-top:1rem}.article-wrapper .blog-contact .blog-contact-image{display:block;height:12rem;width:12rem;margin:0 1rem 0 0;background-image:url("./media/avatar-4YP5TRZ3.webp");background-position:center;background-size:cover;background-repeat:no-repeat;background-color:var(--black-alpha);aspect-ratio:1/1;border:.25rem solid var(--card-background-color-alpha);box-sizing:border-box;flex:1 0 25%}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper .blog-contact .blog-contact-image{margin:0 1rem 0 0}}.article-wrapper .blog-contact .link-wrapper{display:flex;margin-top:1rem}.article-wrapper .blog-contact .link-wrapper svg{fill:var(--primary-color);margin-right:1rem}.article-wrapper .blog-contact .link-wrapper a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);font-size:.75rem}.article-wrapper .blog-contact .link-wrapper a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.article-wrapper .blog-contact .link-wrapper a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.article-wrapper{width:90vw;flex-direction:column}}@media screen and (min-width: 414px) and (max-width: 767px){.article-wrapper{width:90vw;flex-direction:column}}@media screen and (min-width: 319px) and (max-width: 413px){.article-wrapper{width:90vw;flex-direction:column}}.level-icon{display:flex;justify-content:flex-start;align-items:center;padding:1rem 0 .5rem;color:var(--secondary-color);font-size:.85rem;width:100%}.level-icon img{height:2rem!important;width:auto!important;border:0;border-radius:0;margin:0 .5rem 0 0}b{color:var(--bold-color)}.angular-code{border-left:3px solid var(--angular-color);background-image:url("./media/angular_logo-DAEOAKWL.svg");background-repeat:no-repeat;background-position:1% 5%;background-size:1rem}.angular-code:after{font-family:Nunito,sans-serif;color:var(--secondary-color);font-size:.75rem;content:"Angular"}.typescript-code{border-left:3px solid var(--typescript-color);background-image:url("./media/typescript_logo-XB3L74AE.svg");background-repeat:no-repeat;background-position:1% 5%;background-size:1rem}.typescript-code:after{font-family:Nunito,sans-serif;color:var(--secondary-color);font-size:.75rem;content:"Typescript"}.sass-code{border-left:3px solid var(--sass-color);background-image:url("./media/sass_logo-S7C3GKEG.svg");background-repeat:no-repeat;background-position:1% 5%;background-size:1rem}.sass-code:after{font-family:Nunito,sans-serif;color:var(--secondary-color);font-size:.75rem;content:"SASS"}.html-code{border-left:3px solid var(--html-color);background-image:url("./media/html5_logo-NPWEI55K.svg");background-repeat:no-repeat;background-position:1% 5%;background-size:1rem}.html-code:after{font-family:Nunito,sans-serif;color:var(--secondary-color);font-size:.75rem;content:"HTML5"}.code-pink{color:var(--sass-color);font-weight:700}.code-hot-pink{color:#fc007e;font-weight:700}.code-gold{color:#edc026;font-weight:700}.code-blue{color:var(--primary-color);font-weight:700}.code-red{color:#ff5454;font-weight:700}.code-orange{color:var(--html-color);font-weight:700}.recent-blog-post{display:flex;width:25vw;position:absolute;top:1.5rem;right:.5rem;z-index:800;background-color:var(--background-color);padding:.75rem;line-height:2rem;text-align:left;font-size:.85rem;border-radius:5rem;box-sizing:border-box;background-position:-25% 50%;background-size:40% auto;background-repeat:no-repeat;background-color:var(--black-alpha)}.recent-blog-post .recent-article-details{display:flex;justify-content:flex-end;align-items:center;width:100%;text-align:right;padding-right:1rem}.recent-blog-post h3{line-height:1rem;padding:0;margin:0 1rem 0 0}.recent-blog-post h4{padding:0;margin:0 0 1rem}.recent-blog-post p{margin:0;background-position:10% 50%}.recent-blog-post small{color:var(--text-color-light);border-bottom:.0125rem dotted var(--primary-color);margin-left:.5rem}.recent-blog-post a{width:100%;line-height:1rem;color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color);justify-content:flex-end}.recent-blog-post a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.recent-blog-post a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}@media screen and (min-width: 768px) and (max-width: 1024px){.recent-blog-post{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.recent-blog-post{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.recent-blog-post{display:none}}@media screen and (min-width: 1025px) and (max-width: 1500px){.recent-blog-post{width:30vw;font-size:.75rem}}.filter-wrapper{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;position:relative}.filter-wrapper .filter-button{display:flex;max-width:4rem;justify-content:center;align-items:center;padding:.5rem 1rem;background-color:var(--code-block-background);border:1px solid var(--text-color);border-radius:1rem;cursor:pointer;font-family:inherit}.filter-wrapper .filter-button:hover{background-color:var(--background-color);color:var(--secondary-color)}.filter-wrapper .filter-button img{height:auto;width:1.25rem;border:0;border-radius:0;margin:0;mix-blend-mode:difference}@media screen and (min-width: 768px) and (max-width: 1024px){.filter-wrapper .filter-button{width:50vw;margin-bottom:2rem}}@media screen and (min-width: 414px) and (max-width: 767px){.filter-wrapper .filter-button{width:90vw;margin-bottom:2rem}}@media screen and (min-width: 319px) and (max-width: 413px){.filter-wrapper .filter-button{width:90vw;margin-bottom:2rem}}@media screen and (min-width: 1025px) and (max-width: 1500px){.filter-wrapper .filter-button{width:50vw;margin-bottom:2rem}}@media screen and (min-width: 768px) and (max-width: 1024px){.filter-wrapper .mobile-margin{margin-bottom:.75rem}}@media screen and (min-width: 414px) and (max-width: 767px){.filter-wrapper .mobile-margin{margin-bottom:.75rem}}@media screen and (min-width: 319px) and (max-width: 413px){.filter-wrapper .mobile-margin{margin-bottom:.75rem}}@media screen and (min-width: 1025px) and (max-width: 1500px){.filter-wrapper .mobile-margin{margin-bottom:.75rem}}@keyframes grow{0%{transform-origin:top center;transform:scaleY(0);opacity:0}to{transform-origin:top center;transform:scaleY(1);opacity:1}}.filter-wrapper .showcase-type-dropdown{display:flex;flex-direction:column;width:30vw;z-index:100;animation:grow 1s;position:absolute;top:100%;left:0;right:0;margin:auto;padding-top:.5rem}.filter-wrapper .showcase-type-dropdown li{padding:.5rem .75rem;border:1px solid var(--text-color);background-color:var(--background-color);display:flex;justify-content:center;align-items:center;border-radius:10rem;cursor:pointer;margin-top:.5rem}.filter-wrapper .showcase-type-dropdown li:hover{background-color:var(--background-color);color:var(--secondary-color)}.filter-wrapper .showcase-type-dropdown li button{border:0;background-color:transparent;color:var(--text-color);display:flex;justify-content:center;align-items:center;cursor:pointer;width:100%;font-family:inherit}.filter-wrapper .showcase-type-dropdown li button:hover{color:var(--secondary-color)}.filter-wrapper .showcase-type-dropdown li button img{height:1rem;width:1rem;margin:0 auto 0 0;border:0;border-radius:0}.filter-wrapper .showcase-type-dropdown .reset{background-color:var(--primary-color);border:1px solid var(--background-color);border-radius:10rem;cursor:pointer;font-family:inherit}.filter-wrapper .showcase-type-dropdown .reset:hover{background-color:var(--background-color);color:var(--secondary-color)}@media screen and (min-width: 768px) and (max-width: 1024px){.filter-wrapper .showcase-type-dropdown{width:50vw}}@media screen and (min-width: 414px) and (max-width: 767px){.filter-wrapper .showcase-type-dropdown{width:90vw}}@media screen and (min-width: 319px) and (max-width: 413px){.filter-wrapper .showcase-type-dropdown{width:90vw}}@media screen and (min-width: 1025px) and (max-width: 1500px){.filter-wrapper .showcase-type-dropdown{width:50vw}}.filter-wrapper .filter-result{display:flex;align-items:center;justify-content:center;width:100%;color:var(--secondary-color);margin:1rem auto 0;border:1px dotted var(--secondary-color);padding:1rem 0;font-style:italic;background-color:var(--code-block-background)}@media screen and (min-width: 768px) and (max-width: 1024px){.filter-wrapper .filter-result{margin-bottom:1.5rem}}@media screen and (min-width: 414px) and (max-width: 767px){.filter-wrapper .filter-result{margin-bottom:1.5rem}}@media screen and (min-width: 319px) and (max-width: 413px){.filter-wrapper .filter-result{margin-bottom:1.5rem}}@media screen and (min-width: 1025px) and (max-width: 1500px){.filter-wrapper .filter-result{margin-bottom:1.5rem}}.filter-wrapper span{color:var(--text-color);font-style:normal;padding:0 .0625rem;margin:0 .5rem}.filter-wrapper .option{display:flex;align-items:center}.filter-wrapper .option img{height:1rem;width:auto;margin:0 .5rem 0 0;border:0;border-radius:0}.filter-wrapper .option a{color:var(--secondary-color);border-bottom:1px dotted var(--secondary-color)}.filter-wrapper .option a:hover{color:var(--text-color);border-bottom:1px dotted var(--primary-color)}.filter-wrapper .option a:visited{color:var(--primary-color-alpha-6);border-bottom:1px dotted var(--primary-color-alpha-6)}.table{display:grid;grid-template-columns:auto;grid-auto-columns:1fr;row-gap:.5rem;width:100%;column-width:1.5rem;padding:.5rem 1rem 0rem 0rem}.table .row{flex:0 1 auto;display:flex;justify-content:flex-start;align-items:center;padding:.125rem 1rem 0;grid-column-start:1;border-style:solid;border-color:transparent;border-width:.0625rem;background-color:transparent;border-radius:10rem;box-sizing:border-box;animation:grow-row 10s;font-size:.75rem;position:relative;width:100%}@keyframes grow-row{0%{width:1rem;border-color:transparent}to{width:100%}}.table .row img{height:1rem;width:auto;margin-right:1rem;padding-left:.25rem;animation:fade-in-skill 3s;border:0;border-radius:0}@keyframes fade-in-skill{0%{opacity:0}50%{opacity:0}to{opacity:1}}@media screen and (min-width: 768px) and (max-width: 1024px){.table .row img{margin:0 .5rem 0 0}}@media screen and (min-width: 414px) and (max-width: 767px){.table .row img{margin:0 .5rem 0 0}}@media screen and (min-width: 319px) and (max-width: 413px){.table .row img{margin:0 .5rem 0 0}}.table .row .row-detail{display:block;animation:fade-in-skill 7s}@media screen and (min-width: 768px) and (max-width: 1024px){.table .row .row-detail{width:auto}}@media screen and (min-width: 414px) and (max-width: 767px){.table .row .row-detail{width:auto}}@media screen and (min-width: 319px) and (max-width: 413px){.table .row .row-detail{width:auto}}.table .row .skill-opacity-layer{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.4;border-radius:10rem;z-index:-1}@media screen and (min-width: 768px) and (max-width: 1024px){.table{padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.table{padding:0}}@media screen and (min-width: 319px) and (max-width: 413px){.table{padding:0}}.table-project{padding:.5rem 1rem 0rem 0rem}@media screen and (min-width: 768px) and (max-width: 1024px){.table-project{padding:0}}@media screen and (min-width: 414px) and (max-width: 767px){.table-project{padding:0}}@media screen and (min-width: 319px) and (max-width: 413px){.table-project{padding:0}}body{font-size:16px;font-weight:400;font-family:Nunito,sans-serif;background-color:var(--background-color);display:flex;flex-direction:column}header{display:flex;width:100vw;height:auto;justify-content:center;background-color:var(--header-background-color);z-index:999}header a{display:flex;width:3rem;justify-content:center}@media screen and (min-width: 768px) and (max-width: 1024px){header a{width:auto}}@media screen and (min-width: 414px) and (max-width: 767px){header a{width:auto}}@media screen and (min-width: 319px) and (max-width: 413px){header a{width:auto}}@media screen and (min-width: 768px) and (max-width: 1024px){header{justify-content:space-evenly}}@media screen and (min-width: 414px) and (max-width: 767px){header{justify-content:space-evenly}}@media screen and (min-width: 319px) and (max-width: 413px){header{justify-content:space-evenly}}@media screen and (min-width: 768px) and (max-width: 1024px){.blog-article-mobile{display:none}}@media screen and (min-width: 414px) and (max-width: 767px){.blog-article-mobile{display:none}}@media screen and (min-width: 319px) and (max-width: 413px){.blog-article-mobile{display:none}}footer{display:flex;justify-content:center;background-color:var(--background-color)}footer a{display:flex}section{display:flex}section,footer{flex-direction:column;align-items:center;justify-content:center}footer{font-size:.75rem}body,section{overflow-x:hidden}h1{font-size:2rem}h1,h2,h3,h4,h5{line-height:2.5rem;letter-spacing:.125rem}h1,h2,h3,h4,h5,header,footer{padding:2rem 0}a{color:var(--primary-color)}section{text-align:center}section img{height:6rem;width:6rem;margin-bottom:2rem;display:flex;justify-content:flex-start;align-items:center;border-radius:15rem;border:.25rem solid var(--text-color)}section h3{text-align:center}footer{margin:0}header svg,footer svg{fill:var(--primary-color)}header svg:hover,footer svg:hover{fill:var(--text-color);width:3.5rem;margin-bottom:auto}header span a svg,footer span a svg{fill:var(--primary-color)}header span a svg:hover,footer span a svg:hover{fill:var(--text-color);width:3.5rem;margin-bottom:auto}body,h1,h2,h3,h4,h5,header,ul{margin:0;color:var(--text-color)}ul{list-style:none}ul li{padding:.5rem 0}body,ul{padding:0}section{padding:0 1rem 1rem}section img{border-radius:15rem;border:.25rem solid var(--card-background-color)}a{text-decoration:none}pre{display:block;box-sizing:border-box;background:var(--code-block-background);border-left:3px solid var(--primary-color);color:var(--text-color);page-break-inside:avoid;margin-top:1rem;margin-bottom:1rem;overflow:auto;padding:.25rem;word-wrap:break-word;font-size:.75rem}pre code{display:block;width:100%}pre code xmp{display:inline-block;margin:0;white-space:unset;width:auto}@media screen and (min-width: 768px) and (max-width: 1024px){pre{padding:1rem .5rem}}@media screen and (min-width: 414px) and (max-width: 767px){pre{padding:1rem .5rem}}@media screen and (min-width: 319px) and (max-width: 413px){pre{padding:1rem .5rem}}mark{color:var(--text-color);background-color:var(--background-color);padding:0 .25rem}.node-code{border-left:3px solid var(--html-color);background-image:url("./media/npm_logo-PLB463YL.svg");background-repeat:no-repeat;background-position:1% 5%;background-size:1rem}.node-code:after{font-family:Nunito,sans-serif;color:var(--secondary-color);font-size:.75rem;content:"NPM"}ol{list-style:none;counter-reset:item;padding-left:0}ol li{counter-increment:item;margin-bottom:.5rem}ol li:last-child{margin-bottom:0}ol li:before{margin-right:1rem;padding-right:.5rem;content:counter(item);border-right:.125rem solid var(--primary-color);width:1.2em;text-align:center;display:inline-block}:root{--primary-color: rgb(112, 181, 250);--primary-color-alpha-6: rgba(112, 181, 250, .6);--primary-color-alpha-5: rgba(112, 181, 250, .5);--primary-color-alpha-65: rgba(112, 181, 250, .65);--secondary-color: rgb(115, 139, 157);--background-color: rgb(255, 255, 255);--text-color: rgb(29, 34, 38);--text-color-light: rgb(204, 204, 204);--text-color-variant-alpha: rgba(234, 234, 234, .95);--header-background-color: rgb(255, 255, 255);--card-background-color: rgb(240, 240, 240);--card-background-color-alpha: rgba(240, 240, 240, .95);--code-block-background: rgb(234, 234, 234);--facebook-color: rgb(24, 119, 242);--x-social-color: rgb(0, 0, 0);--linkedin-color: rgb(0, 119, 181);--angular-color: rgb(221, 0, 49);--sass-color: rgb(205, 103, 153);--typescript-color: rgb(0, 122, 204);--html-color: rgb(227, 79, 38);--bold-color: rgb(188, 230, 111);--black-alpha: rgba(0, 0, 0, .75);--footer-background-color: var(--secondary-color);--social-media-toolbar-color: var(--secondary-color);--header-image-brightness: 1.2;--header-image-sepia: 0}.dark{--primary-color: rgb(112, 181, 250);--primary-color-alpha-6: rgba(112, 181, 250, .6);--primary-color-alpha-5: rgba(112, 181, 250, .5);--primary-color-alpha-65: rgba(112, 181, 250, .65);--secondary-color: rgb(115, 139, 157);--background-color: rgb(29, 34, 38);--text-color: rgb(234, 234, 234);--text-color-light: rgb(204, 204, 204);--text-color-variant-alpha: rgba(29, 34, 38, .95);--header-background-color: rgb(40, 45, 50);--card-background-color: rgb(40, 45, 50);--card-background-color-alpha: rgba(0, 0, 0, .75);--code-block-background: rgb(0, 39, 63);--facebook-color: rgb(24, 119, 242);--x-social-color: rgb(0, 0, 0);--linkedin-color: rgb(0, 119, 181);--angular-color: rgb(234, 234, 248);--sass-color: rgb(235, 144, 190);--typescript-color: rgb(49, 120, 198);--html-color: rgb(228, 77, 38);--bold-color: rgb(188, 230, 111);--black-alpha: rgba(255, 255, 255, .75);--footer-background-color: var(--secondary-color);--social-media-toolbar-color: rgba(0, 0, 0, .75);--header-image-brightness: 1;--header-image-sepia: .4}::selection{color:var(--black-alpha);background-color:var(--primary-color-alpha-6)}::-moz-selection{color:var(--black-alpha);background-color:var(--primary-color-alpha-6)}