:root {
    --text-color: #fff;
    --text-selection-color: #f004;
    --link-text-color: #900;
    --button-border: #0000;
    --button-color-yt: #f00;
    --button-color-dc: #5865f2;
    --button-color-e: #fff;
    --button-hover-background: #202020;
    --background: #222;
}

body {
    color: var(--text-color);
    background-color: var(--background);
}
::selection {
    color: var(--text-selection-color);
}

a {
    text-decoration: none;
    color: var(--link-text-color);
}
a::selection {
    color: rgb(243, 185, 40);
}

img#logo {
    width: 200px;
    height: auto;
}

div.content {
    width: 98vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.socials img {
    display: inline-block;
    margin: 10px;
    height: 50px;
}

img#social {
    filter:grayscale(100%);
    transition: filter 0.3s ease-out;
}

img#social:hover {
    filter:grayscale(0%);
    transition: filter 0.3s ease-in;
}