:root {
    --clear-1: #dddddd1c; /* BG clear 1 - bg */
    --clear-2: #ffffff38; /* BG clear 2 - slightly lighter, for borders */
    --button-clear: #ffffff38;
    --button-clear-hover: #ffffff50;
    --button-clear-hover-glow: #ffffff52;
}

body {
    background: linear-gradient(to bottom right, rgb(53, 53, 65), rgb(42, 42, 87)) no-repeat center center fixed;
    color: white;
    font-family: sans-serif;
    margin: 0;
}

#buttons {
    display: flex;
    gap: 10px;
    justify-content: center;
}
#buttons a {
    text-decoration: none;
    padding: 10px 15px;
    background: var(--button-clear);
    color: #fff;
    border-radius: 8px;
    /* box-shadow: 10px 5px 10px #000e3a; */
    transition: 0.15s ease-in-out;
}
#buttons a:hover {
    background: var(--button-clear-hover);
    box-shadow: 0px 0px 5px var(--button-clear-hover-glow);
    /* 0071bd */
}