*{box-sizing:border-box}:root{--highlight-color:#cd4545;--highlight-color-hover:black;--text-color:#222;--circle-color:#222;--circle-background-color:#fff}a{color:var(--highlight-color);font-weight:700;text-decoration:none;transition:color .3s}a:hover{color:var(--highlight-color-hover)}html,body{height:100%;margin:0;padding:0}body{color:var(--text-color);background:url(bg.3fd605f3.jpg) 50%/cover no-repeat fixed;font-family:Josefin\ Slab,serif;font-size:25px}h1,h2,.subline{text-align:center;font-weight:400}h1{margin:0;padding-top:40px;font-size:110px}h2{margin:30px 0 0;font-size:56px}img{max-width:100%}.subline{margin:0;font-size:33px;line-height:140%}.content{flex-flow:wrap;place-content:space-between space-around;align-items:center;max-width:1200px;margin:30px auto;line-height:1.2em;display:flex}.content .col{width:30%}.me{border:4px solid var(--circle-background-color);border-radius:50%}.content p{text-align:left}.content .col:first-child p{text-align:right}.social{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;padding:0;list-style:none;display:flex}.social li{padding:10px;font-size:50px;line-height:50px;display:inline-block}.social a{background:var(--circle-background-color);color:var(--circle-color);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:all .3s;display:flex}.social a svg{fill:currentColor;height:1em}.social a:hover{color:var(--circle-background-color);background:var(--circle-color)}.social a img{max-width:60%;max-height:60%;display:block}@media screen and (prefers-color-scheme:dark){:root{--highlight-color:#c96767;--highlight-color-hover:#fff;--text-color:#ccc;--circle-background-color:#000;--circle-color:#ccc}body{background:#222}}@media screen and (width<=840px){.content{align-items:flex-start}.content .col{width:45%}.content .picture{text-align:center;order:-1;width:60%}}@media screen and (width<=660px){.content .col{width:80%}.content .picture{width:60%}.content .col p,.content .col:first-child p{text-align:left}}@media screen and (width<=400px){.content .col{width:90%}h1{font-size:80px}h2{font-size:30px;font-weight:700}.subline{font-size:25px}.social li{font-size:30px;line-height:30px}.social a{width:45px;height:45px;padding-top:2px}}