/*

char-note:
this website was made
at 1 am and as a joke
then i tried to make it
look good and stuff.
dont judge the code pls

*/

@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@400;700&display=swap');

body {
    font-family: 'Oxygen';
    margin: 0;
}

h1 {
    font-family: 'Oxygen';
}

main {
    margin: 5rem;
}

.secret {
    color: #000;
    text-decoration: none;
    cursor: text;
    font-family: 'Oxygen';
}
.secret:hover{filter:none;}

a {
    font-family: 'Oxygen';
    color: #bb61b9
}

a:hover {
    filter: brightness(0.8)
}

.foot {
    bottom: 0;
    position: fixed;
    width: 100%;
    background-color: rgb(216, 216, 216);
    text-align: center;
    padding: 1rem;
}

.foot ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.social-link {
    text-decoration: none;
}

.button {
    background-color: rgb(0, 190, 111);
    padding: 0.5rem;
    border-radius: 5px;
    cursor: pointer;
}
.button:hover {
    filter: brightness(0.8)
}
.button a {
    color: #fff;
    text-decoration: none;
}
.button a:hover {
    filter: none;
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #1a1a1a;
        color: #fff;
    }
    a {
        color: #d229cf;
    }
    .secret {
        color: #fff;
    }
    .foot {
        background-color: rgb(58, 58, 58);
    }
}