body{color:var(--color-text,#ffddff);font-family:var(--font-body,"lato",sans-serif);background-color:var(--color-background,#111111)}.page-container{min-height:100vh;display:flex;flex-direction:column}.content{flex:1 1}h1,h2,h3,h4,h5{font-family:var(--font-header,"PT Sans",sans-serif);font-weight:700}a,h1,h2,h3,h4,h5{color:var(--color-accent,#ad71fb)}a:hover,a:visited{color:var(--color-accent-alt,#ffddff)}@media only screen and (max-width:650px){body .header{display:flex;flex-flow:row wrap;justify-content:space-around;margin:32px 16px}body .header__text{max-width:100%;margin:0 0 32px}body .header__picture img{border-radius:50%}}.header{display:flex;flex-flow:row wrap;justify-content:space-around;margin:32px 16px 96px}.header__text{max-width:50%;margin:0 32px 32px 0}.header__picture img{border-radius:50%}.portfolio{display:flex;flex-flow:row wrap;justify-content:space-around}.portfolio__element{display:block;padding:24px}.portfolio__element__icon{background-color:var(--color-icon-background,#dfdfdf);color:var(--color-icon,#111111);width:70px;height:70px;padding:29px;border-radius:50%;text-align:center}.portfolio__element__icon>svg{font-size:70px}.portfolio__element .portfolio__element:not(.portfolio__element--github):active .portfolio__element__icon,.portfolio__element:not(.portfolio__element--github):hover .portfolio__element__icon{background-color:var(--color-accent,#ad71fb);transition:all .2s ease-in .1s}.portfolio__element--github .portfolio__element__icon{width:128px;height:128px;text-align:center;padding:0;border-radius:0;color:var(--color-icon-background,#dfdfdf);background-color:initial}.portfolio__element--github .portfolio__element__icon svg{font-size:128px}.portfolio__element--github .portfolio__element--github:active .portfolio__element__icon,.portfolio__element--github:hover .portfolio__element__icon{color:var(--color-accent,#ad71fb);transition:all .2s ease-in .1s}.footer{font-size:12px;margin-top:24px;margin-left:16px}