html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%;background-color:var(--color-content-well-background)}*:focus{outline:solid dotted var(--color-text-normal)}a{text-decoration:none}@font-face{font-family:"Oxanium";src:url("../../assets/fonts/Oxanium-ExtraBold.woff2") format("woff2"),url("../../assets/fonts/Oxanium-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Oxanium";src:url("../../assets/fonts/Oxanium-Bold.woff2") format("woff2"),url("../../assets/fonts/Oxanium-Bold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../../assets/fonts/OpenSans-Regular.woff2") format("woff2"),url("../../assets/fonts/OpenSans-Regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Open Sans";src:url("../../assets/fonts/OpenSans-ExtraBold.woff2") format("woff2"),url("../../assets/fonts/OpenSans-ExtraBold.woff") format("woff");font-weight:bold;font-style:normal;font-display:swap}.mix-visuallyHidden{position:absolute !important;clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}.mix-centered{margin:0 auto}@media(min-width: 700px){.mix-hideondesktop{display:none !important}}.mix-closeonmobile{height:0px;opacity:0;visibility:hidden}@media(min-width: 700px){.mix-closeonmobile{height:auto;opacity:1;visibility:visible}}.txt{font-family:var(--font-body);font-size:1.6rem;color:var(--color-text-normal);line-height:1.5}@media(min-width: 950px){.txt{font-size:2rem}}.txt-pagetitle{font-family:var(--font-heading);font-weight:600;text-decoration:none;font-size:3.6rem;color:var(--color-lightprimary);text-transform:lowercase}@media(min-width: 700px){.txt-pagetitle{font-size:3rem}}@media(min-width: 950px){.txt-pagetitle{font-size:4.8rem}}.txt-white{color:var(--color-text-light)}.heading{font-family:var(--font-heading)}.heading-1{font-size:5.8rem;font-weight:800;letter-spacing:-0.2rem}.heading-2{font-size:3rem;font-weight:700}.heading-3{font-size:2.1rem;font-weight:600}.heading-primary{color:var(--color-heading-primary)}.heading-secondary{color:var(--color-heading-secondary)}.heading-highlight{color:var(--color-text-highlight)}@media(min-width: 950px){.heading-1{font-size:6.3rem}.heading-2{font-size:3.6rem}}:root{--color-primary-gradient-start: #960520;--color-primary-gradient-end: #c1134b;--color-menubar-gradient-start: #c1134b;--color-menubar-gradient-end: #960520;--color-heading-primary: #b3043b;--color-heading-secondary: #0b73b8;--color-button-inner-start: #06436c;--color-button-inner-end: #18669b;--color-button-outer: #b7def1;--color-highlight-background: #0b73b8;--color-text-normal: #4d4347;--color-text-light: #fef7fa;--color-text-highlight: #fef7fa;--color-link: #0b73b8;--color-link-background: #b7def1;--color-tier-background: #f7fcff;--color-tier-aside-background: #e1edf6;--color-content-well-background: #e8e6e6;--color-emptybox-top: #DDF1FB;--color-emptybox-bottom: #CAE8F7;--font-heading: "Oxanium", "Helvetica", sans-serif;--font-body: "Open Sans", "Helvetica", sans-serif}@media(prefers-color-scheme: dark){:root{--color-menubar-gradient-start: #7b0e31;--color-menubar-gradient-end: #470411;--color-heading-primary: #F13571;--color-heading-secondary: #41ABF1;--color-button-inner-start: #85C9F6;--color-button-inner-end: #41ABF1;--color-button-outer: #195675;--color-highlight-background: #41ABF1;--color-text-normal: #E6D1D9;--color-text-light: #fef7fa;--color-text-highlight: #01243b;--color-link: #41ABF1;--color-link-background: #083859;--color-tier-background: #00131F;--color-tier-aside-background: #042942;--color-content-well-background: #252425;--color-emptybox-top: #033046;--color-emptybox-bottom: #012435}}.content{margin:0 auto;max-width:120rem;height:100%;background-color:var(--color-tier-background)}.grid{flex-wrap:wrap;display:grid}.grid-large{grid-gap:10px 40px}.grid-small{grid-gap:15px 15px}@media(min-width: 950px){.grid-small{grid-gap:20px 20px}}.grid-3col{grid-template-columns:1fr 1fr 1fr}.grid-2colresponsive{grid-template-columns:1fr}@media(min-width: 700px){.grid-2colresponsive{grid-template-columns:1fr 1fr}}.headerlist{display:flex;flex-direction:row;align-items:center;width:100%;justify-content:space-between;transition:height .2s;flex-wrap:wrap}@media(min-width: 700px){.headerlist{flex-wrap:nowrap}.headerlist>*+*{margin-left:20px}}@media(min-width: 950px){.headerlist>*+*{margin-left:20px}}.headerlist-item-maxwidth{flex-grow:1;width:100%}@media(min-width: 950px){.headerlist-item-maxwidth{width:auto}}@media(min-width: 950px){.headerlist-item-desktop-spacing{margin-left:20px}}.vlist{display:flex;flex-direction:column}.vlist-centeritems{align-items:center}.vlist-xsmall>*+*{margin-top:10px}.vlist-small>*+*{margin-top:15px}.vlist-large>*+*{margin-top:20px}@media(min-width: 950px){.vlist-small>*+*{margin-top:25px}.vlist-large>*+*{margin-top:50px}}.hlist{display:flex;flex-direction:row}.hlist-centeritems{align-items:center}.hlist-small>*+*{margin-left:10px}.hlist-large>*+*{margin-left:20px}.hlist-maxwidth{justify-content:space-between;width:100%}.hlist-wrap{flex-wrap:wrap}.hlistitem-maxspace{flex-grow:1}.hlistitem-rightside{text-align:right}@media(min-width: 950px){.hlist-small>*+*{margin-left:25px}.hlist-large>*+*{margin-left:50px}}.main{height:100%;background-image:url("../../assets/images/svg/background-tile.svg")}@media(prefers-color-scheme: dark){.main{background-image:url("../../assets/images/svg/background-tile-dark.svg")}}.menubar{display:flex;flex-direction:row;background-color:var(--color-menubar-gradient-start);background-image:linear-gradient(to bottom, var(--color-menubar-gradient-start) 0%, var(--color-menubar-gradient-end) 100%);padding:10px}@media(min-width: 950px){.menubar{padding:20px}}.menu{display:flex;flex-direction:column;width:100%}.menubutton{font-size:1.8rem;min-height:44px;color:var(--color-text-light);border:none;font-family:var(--font-heading);font-weight:600;cursor:pointer;transition:background-color .25s;background-color:transparent}.menubutton:hover,.menubutton:focus{background-color:var(--color-highlight-background)}@media(min-width: 700px){.menu{flex-direction:row;justify-content:space-between;width:auto;align-items:center}}.submenu{display:flex;flex-direction:column}@media(min-width: 700px){.submenu{flex-direction:row}.submenu>*+*{margin-left:10px}}@media(min-width: 950px){.submenu>*+*{margin-left:20px}}.link-homepage{text-decoration:none}.link-homepage:hover{background-color:rgba(0, 0, 0, 0)}.sidebar{display:flex;padding:15px;background-color:var(--color-tier-aside-background);flex-direction:column}.sidebar>*{flex-grow:1}.sidebar>*+*{margin-top:20px}@media(min-width: 700px){.sidebar{flex-direction:row;justify-content:stretch}.sidebar>*+*{margin-top:0}}@media(min-width: 950px){.sidebar{flex-direction:column;padding:20px}.sidebar>*+*{margin-top:50px}}.sitecontainer{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr}.spacer{height:0px;margin-bottom:30px}.tier{padding:20px}.tier-lightbackground{background-color:var(--color-tier-background)}.tier-darkbackground{background-color:var(--color-tier-aside-background)}@media(min-width: 950px){.tier{margin:0 auto;padding:30px}}.tier-diagonalbackground{background-image:url("../../assets/images/svg/diagonal-square.svg");background-size:18rem 17.7rem;background-repeat:no-repeat;background-position:50% calc(100% - 2.4rem)}@media(min-width: 700px){.tier-diagonalbackground{background-size:36rem 35.4rem;background-position:calc(100% - 6rem) 50%}}.bulletlist>*::before{background-image:url("../../assets/images/svg/empty-square.svg");background-size:15px 15px;height:15px;width:24px;background-repeat:no-repeat;content:" ";display:inline-block}@media(prefers-color-scheme: dark){.bulletlist>*::before{background-image:url("../../assets/images/svg/empty-square-dark.svg")}}.button{position:relative;cursor:pointer;display:inline-block;text-decoration:none}.button-inner{font-family:var(--font-heading);font-size:2.4rem;background-size:200% 100%;background-image:linear-gradient(to right, var(--color-button-inner-start) 0, var(--color-button-inner-start) 49.9%, var(--color-button-inner-end) 50.1%, var(--color-button-inner-end) 100%);background-position:100%;color:var(--color-text-highlight);padding:6px 24px;margin:6px;display:block;transition:background-position .5s}@media(min-width: 700px){.button-inner{font-size:3rem}}@media(prefers-reduced-motion){.button-inner{transition:background-position 0s}}:hover>.button-inner,:focus>.button-inner{background-position:0%}.button-outer-top{position:absolute;top:0px;left:0px;background-color:var(--color-button-outer);height:100%;width:100%;border-top-left-radius:6px;clip-path:polygon(0 0, calc(100% - 18px) 0, calc(100% - 24px) 6px, 6px 6px, 6px calc(100% - 24px), 0 calc(100% - 18px))}.button-outer-bottom{position:absolute;bottom:0px;height:100%;right:0px;width:100%;background-color:var(--color-button-outer);border-bottom-right-radius:6px;clip-path:polygon(24px calc(100% - 6px), calc(100% - 6px) calc(100% - 6px), calc(100% - 6px) 24px, 100% 18px, 100% 100%, 18px 100%)}.flag{display:flex;flex-direction:row;align-items:center}.flag-image{margin-right:10px}@media(min-width: 950px){.flag-image{margin-right:20px}}.flag-text{white-space:nowrap}.heartlogo{width:100%}.heartlogo-gradient-stop1{stop-color:var(--color-primary-gradient-start)}.heartlogo-gradient-stop2{stop-color:var(--color-primary-gradient-end)}.heartlogo-emptybox-top{fill:var(--color-emptybox-top)}.heartlogo-emptybox-bottom{fill:var(--color-emptybox-bottom)}.link,.link:visited{color:var(--color-link);text-decoration:underline}.link:hover,.link:active{background-color:var(--color-link-background)}.link-white,.link-white:visited{color:var(--color-text-light)}.link-white:hover,.link-white:active{background-color:var(--color-highlight-background)}.menuitem{font-family:var(--font-body);font-size:2.4rem;font-weight:600}@media(min-width: 700px){.menuitem{font-size:2.1rem;min-height:44px}}@media(min-width: 950px){.menuitem{font-size:2.4rem;min-height:none}}.menuitem:hover,.menuitem:focus{background-color:var(--color-highlight-background)}.menulink{display:block;padding:10px 10px 10px 44px;color:var(--color-text-light);transition:background-color .15s}@media(min-width: 700px){.menulink{padding:5px;line-height:44px}}@media(min-width: 950px){.menulink{padding:10px;line-height:inherit}}.menulink-icon{background-repeat:no-repeat;background-size:24px 24px;background-position:10px 10px}@media(min-width: 700px){.menulink-icon{font-size:0px;width:40px;height:40px;background-size:40px 40px;background-position:50% 50%}}.menulink-icon-github{background-image:url("../../assets/images/svg/github.svg")}.menulink-icon-email{background-image:url("../../assets/images/svg/email.svg")}.menulink-icon-linkedin{background-image:url("../../assets/images/svg/linkedin.svg")}.menulink-icon-codepen{background-image:url("../../assets/images/svg/codepen.svg")}.project{width:100%;max-width:1200px;display:block}.project-imagecontainer{display:flex}.project-image{width:100%}.project-namecontainer{background-color:var(--color-highlight-background);text-align:left;padding:10px;display:block}.usercontent{font-family:var(--font-body);font-size:1.6rem;color:var(--color-text-normal);line-height:1.5}@media(min-width: 950px){.usercontent{font-size:1.8rem}}.usercontent h1{font-family:var(--font-heading);color:var(--color-heading-primary);font-size:3rem;font-weight:600}.usercontent h2{font-family:var(--font-heading);color:var(--color-heading-primary);font-size:2.4rem;font-weight:800;margin:.75em 0}.usercontent h3{font-family:var(--font-heading);color:var(--color-heading-secondary);font-size:2.1rem;font-weight:600;margin:.75em 0}.usercontent h4{font-weight:700;margin:.5em 0}.usercontent p+p{margin-top:1em}.usercontent li::before{background-image:url("../../assets/images/svg/empty-square.svg");background-size:15px 15px;height:15px;width:24px;background-repeat:no-repeat;content:" ";display:inline-block}.usercontent ul{margin-left:1em}@media(min-width: 950px){.usercontent h1{font-size:3.6rem}.usercontent h2{font-size:3rem}}.usercontent a,.usercontent a:visited{color:var(--color-link);text-decoration:underline}.usercontent a:hover,.usercontent a:active{background-color:var(--color-link-background)}.twocolumnlayout{display:flex;flex-direction:column;display:grid;grid-template-rows:auto auto;grid-template-columns:1fr}.twocolumnlayout>*{margin:15px}@media(min-width: 950px){.twocolumnlayout{flex-direction:row;grid-template-rows:1fr;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.twocolumnlayout :last-child{flex-basis:33%}.twocolumnlayout>*{margin:20px}}.transition{animation:grow;position:relative;transform-box:fill-box}.transition-1{animation-duration:.2s}.transition-2{animation-duration:.4s}.transition-3{animation-duration:.6s}.transition-4{animation-duration:.8s}.transition-5{animation-duration:1s}.transition-6{animation-duration:1.2s}.transition-7{animation-duration:1.4s}.transition-8{animation-duration:1.6s}.transition-9{animation-duration:1.8s}.transition-10{animation-duration:2s}.transition-11{animation-duration:2.2s}.transition-12{animation-duration:2.4s}.transition-13{animation-duration:2.6s}.transition-14{animation-duration:2.8s}.transition-15{animation-duration:3s}.transition-16{animation-duration:3.2s}.transition-17{animation-duration:3.4s}@media(prefers-reduced-motion){.transition-1,.transition-2,.transition-3,.transition-4,.transition-5,.transition-6,.transition-7,.transition-8,.transition-9,.transition-10,.transition-11,.transition-12,.transition-13,.transition-14,.transition-15,.transition-16,.transition-17{animation-duration:0s}}@keyframes grow{0%{transform:scale(0.1, 0.1);opacity:0}50%{transform:scale(1, 0.1);opacity:.7}100%{transform:scale(1, 1);opacity:1}}/*# sourceMappingURL=index.css.map */