@font-face {
    font-family: 'NotoSansMono';
    src: url('/fonts/NotoSansMono-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'NotoSans';
    src: url('/fonts/NotoSans-Regular.ttf') format('truetype');
}

body {
    margin: 0 5%;
    background-color: #002b36;
    color: #fdf6e3;
    font-family: 'NotoSansMono', 'NotoSans', monospace;
    font-size: large;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
}

a { color: #268bd2; }

hr {
    border: none;
    border-top: dashed 1px;
}

blockquote {
    border-left: 1px solid;
    padding-left: 20px;
    font-style: italic;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

#main-container { max-width: 500px; }

#about { text-align: center; }

#authorAvatar {
    width: 200px;
    border-radius: 25px;
}