body {
    background-color: #1b1b1b;
    color: white;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    text-size-adjust: 100%;
}

@font-face {
    font-family: "Poppins";
    src: url(https://amogus.uk/static/fonts/Poppins-Regular.ttf) format("truetype");
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css");
#nav-bar {
    display: flex;
    border: 1px solid #323232;
    border-radius: 15px;
    margin-bottom: 20px;
    overflow: hidden;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 5px 7px 7px 0px rgb(23 23 23 / 70%);
    background-color: #222222;
}

.container-center {
    display: flex;
    border: 1px solid #323232;
    border-radius: 15px;
    margin: 20px auto;
    overflow: hidden;
    background-color: #222222;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    max-width: 600px;
    box-shadow: 5px 7px 7px 0px rgb(23 23 23 / 70%);
}

.links {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    word-wrap: break-word;
    padding: 12px;
    margin: 0 auto;
}

.btn-lnk {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

#content {
    margin: 20px;
}

button {
    background-color: #323232;
    color: white;
    border: 1px solid transparent;
    padding: 5px;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    margin:4px;
    font-size: 16px;
}

button:hover {
    background-color: #323232;
    color: white;
    border: 1px solid gray;
    padding: 5px;
    border-radius: 8px;
    font-family: 'Poppins', sans-serif;
    margin:4px;
    font-size: 16px;
}

#text {
    text-align: center;
    max-width: 500px;
}

#about {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 3px;
}

.error-page {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.errpadding {
    padding: 20px;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 100px;
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #727272;
}

::-webkit-scrollbar-thumb:hover {
    border-radius: 100px;
    border: 5px solid transparent;
    background-clip: content-box;
    background-color: #3c3c3c;
}

#nav-bar-new {
    display: flex;
    border-bottom: 1px solid #323232;
    overflow: hidden;
    box-shadow: 5px 7px 7px 0px rgb(23 23 23 / 70%);
    background-color: #222222;
}