@font-face {
    font-family: font;
    src: url("https://sky-assets.pages.dev/font/ComicNeue.ttf");
}
html {image-rendering: pixelated;}
body {
    margin: 0;
    padding: 0;
    font-family: font, sans-serif;
    color: #d4d4e4;
    background-color: #222226;
}
a {color: #53b6d7;text-decoration: none;}
a:hover {color: lightblue;}
.container {
    max-width: 60em;
    margin: 2em auto;
    padding: 1em 3em;
    border-radius: 2em;
    border: 2px solid #1c1c21;
}
img#logo {
    float: left;
    width: 240px;
    height: 240px;
    object-fit: contain;
    object-position: top center;
    margin-right: 2em;
    border-radius: 2em;
}
.text {padding: 0 8em;}
.bio {max-width: 50em;}
.list-block {display: flex;}
.project-list,.contact-list {margin: 0 1em;}
@media only screen and (max-width: 1000px) {.container {margin: 0;padding: 0;border: initial;}}
@media only screen and (max-width: 750px) {.text {padding: 0 2em;}}