html {height: 100%}
body {height: 90%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: #333333; font-family: 'Liberation Sans', sans-serif;}
a {text-decoration: none; color: #1793d1}
a:hover {text-decoration: underline}
h1 {margin-top: -100px; font-size: 24px; text-align: center; color: #ffffff;}
h1:before {content: ''; display: block; width: 200px; height: 200px; background-color: #1793d1; background-image: url("./marcin.wikalinski.webp"); background-repeat:no-repeat; background-position: center center; border: 8px solid #1793d1; border-radius: 108px; margin: 0 auto 20px}
p {margin: 0 auto 1em; text-align: center; color: #1793d1;}
i {margin-right: 5px;}
ul.contact {padding: 0; margin: 0 auto; list-style: none; text-align: center;}
ul.contact a {line-height: 37px}
@font-face {font-family: 'Open Sans'; font-style: normal; font-display: swap;}