@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: normal;
    src: url('Shared Assets/Fonts/Noto_Sans/static/NotoSans-Regular.ttf');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: normal;
    src: url('Shared Assets/Fonts/Noto_Sans/static/NotoSans-Italic.ttf');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: normal;
    font-weight: bold;
    src: url('Shared Assets/Fonts/Noto_Sans/static/NotoSans-Bold.ttf');
}
@font-face {
    font-family: 'Noto Sans';
    font-style: italic;
    font-weight: bold;
    src: url('Shared Assets/Fonts/Noto_Sans/static/NotoSans-BoldItalic.ttf');
}

@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: normal;
    src: url('Shared Assets/Fonts/Noto_Serif/static/NotoSerif-Regular.ttf');
}
@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: normal;
    src: url('Shared Assets/Fonts/Noto_Serif/static/NotoSerif-Italic.ttf');
}
@font-face {
    font-family: 'Noto Serif';
    font-style: normal;
    font-weight: bold;
    src: url('Shared Assets/Fonts/Noto_Serif/static/NotoSerif-Bold.ttf');
}
@font-face {
    font-family: 'Noto Serif';
    font-style: italic;
    font-weight: bold;
    src: url('Shared Assets/Fonts/Noto_Serif/static/NotoSerif-BoldItalic.ttf');
}

@font-face {
    font-family: 'Noto Sans Mono';
    font-style: normal;
    font-weight: normal;
    src: url('Shared Assets/Fonts/Noto_Sans_Mono/static/NotoSansMono-Regular.ttf');
}
@font-face {
    font-family: 'Noto Sans Mono';
    font-style: normal;
    font-weight: bold;
    src: url('Shared Assets/Fonts/Noto_Sans_Mono/static/NotoSansMono-Bold.ttf');
}

body {
    font-family: 'Noto Sans';
    margin: 20px;
    background-color: #141418;
    color: white;
}

p {
    text-align: justify;
    text-indent: 2em;
    font-size: 1.25em;
}

a {
    color: #ff8cab;
}

a:hover {
    color: #a75e79;
}

.monospace {
    font-family: 'Noto Sans Mono';
}

.kkitaanik {
    font-family: 'Noto Serif';
    color: #ff8cab;
}

.kkitaanikLandingImage {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 20vw;
    width: auto;
    max-height: 50vh;
    height: 20vw;
    z-index: 2;
}