@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap');
@import "https://www.nerdfonts.com/assets/css/webfont.css";

:root {
    --background-color: #1e1e1e;
    --foreground-color: #cccccc;

    --black: #000000;
    --red: #cd3131;
    --green: #0dbc79;
    --yellow: #e5e510;
    --blue: #2472c8;
    --magenta: #bc3fbc;
    --cyan: #11a8cd;
    --white: #e5e5e5;

    --dark-gray: #666666;
    --bright-red: #f14c4c;
    --bright-green: #23d18b;
    --bright-yellow: #f5f543;
    --bright-blue: #3b8eea;
    --bright-magenta: #d670d6;
    --bright-cyan: #29b8db;
    --bright-white: #e5e5e5;

    --font-family: 'JetBrains Mono', monospace;
}

html {
    height: 100%;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: var(--background-color);
    color: var(--foreground-color);
    font-family: var(--font-family);
}

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title {
    color: var(--foreground-color);
    font-family: var(--font-family);
    margin-top: 15em;
}

.subtitle {
    color: var(--blue);
    font-family: var(--font-family);
    margin-top: 2em;
}

.socials {
    font-family: var(--font-family);
    margin-top: 5em;
}

#gitlab, .nf-fa-gitlab {
    color: #e24329;
}

#bluesky, .nf-fae-butterfly {
    color: #08f;
}

#mastodon, .nf-fa-mastodon {
    color: #6364ff;
}

footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.copyright {
    color: var(--black);
    background-color: var(--green);
    padding-left: 1em;
}