:root{--color-background: #F8F8F8;--color-text-primary: #141414;--color-link: #777;--color-modal-background: #C5C5C5;--color-modal-button: #3B3B3B;--color-modal-button-secondary: #636363;--color-modal-text: #F8F8F8;--color-footer-background: #D9D9D9;--color-social-link-outer: #3B3B3B;--color-social-link-inner: #D9D9D9;--color-title: #3B3B3B;--color-text-grey: #8A8A8A;--color-skill-background: #8A8A8A;--color-skill-text: #F8F8F8;--color-skill-filled: #3B3B3B;--color-skill-empty: #F8F8F8;--color-learning-skill-background: #D9D9D9;--color-about-skills-background: #D9D9D9;--color-skill-border: #636363;--color-spinner: #3B3B3B;--color-background-banner: #8A8A8A;--color-hover: #41ECFF;--color-active: #76FF9F;--color-error: #FF9169;--color-hover-text: #141414;--color-active-text: #003316;--color-error-text: #3D1100;--bp-sm: 699px;--bp-lg: 1399px}body[data-theme=dark]{--color-background: #282828;--color-text-primary: #F8F8F8;--color-modal-background: #4F4F4F;--color-modal-button: #C5C5C5;--color-modal-button-secondary: #8A8A8A;--color-modal-text: #141414;--color-footer-background: #3B3B3B;--color-social-link-outer: #C5C5C5;--color-social-link-inner: #3B3B3B;--color-title: #F8F8F8;--color-skill-background: #636363;--color-skill-filled: #8A8A8A;--color-skill-empty: #282828;--color-learning-skill-background: #3B3B3B;--color-about-skills-background: #282828;--color-skill-border: #8A8A8A;--color-spinner: #C5C5C5;--color-background-banner: #636363}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1.5;-webkit-font-smoothing:antialiased}ol,ul{list-style:none}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}html{font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-style:normal;line-height:normal;color:var(--color-text-primary)}h1{font-family:Poppins,sans-serif;font-size:4rem;font-weight:500;margin-bottom:.5em}h2{font-family:Poppins,sans-serif;font-size:3rem;font-weight:500;margin-bottom:.5em}h3{font-family:Poppins,sans-serif;font-size:3rem;font-weight:400;margin-bottom:.5em}h4{font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:400;margin-bottom:.5em}h5{font-family:Poppins,sans-serif;font-size:2rem;font-weight:350;margin-bottom:.5em}h6{font-family:Poppins,sans-serif;margin-bottom:.5em}p,ul,ol{font-size:1.5rem;font-weight:400;color:var(--color-text-primary)}.text-center{text-align:center}.text-right{text-align:right}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font:inherit;cursor:pointer;border:2px solid transparent;border-radius:4px;background-color:var(--color-background);color:var(--color-text-primary);transition:background-color .2s,color .2s}.btn:hover{background-color:var(--color-hover)}.btn:active{background-color:var(--color-active)}.btn--small{padding:.25rem .5rem;font-size:.875rem}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;min-height:100vh}app-root,app-layout{display:flex;flex-direction:column;height:100%;min-height:100vh}main{flex:1 0 auto}