:root {
    --main-bg-color: #121212;
    --main-header-bg-color: #000610;
    --main-border-width: 2px;
    --header-border-color: #808080;
    --main-color: #EFD9D9;
    --main-darker-color: #b9a5a5;
    --main-border-radius: 20px;
    --small-border-radius: 5px;

    --main-margin-right: 20px;
    --main-margin-bottom: 0px;

    --container-margin-right: 20px;

    --second-bg-color: #191921;
    --circle-radius: 20000px;

    --circle-bottom: -25vh;

    --medium-color: #711f35;
    --light-color: rgb(84, 24, 43);
    --dark-color: #29172a;
    --background-gradiant: linear-gradient(135deg, var(--light-color) 50%, var(--dark-color) 100%);
    --background-dark-gradiant: linear-gradient(135deg, var(--main-header-bg-color) 30%, var(--dark-color) 80%);
    --background-search-gradiant: linear-gradient(90deg, var(--light-color) 0%, var(--dark-color) 100%);
    --background-dark-column-gradiant: linear-gradient(180deg, var(--main-header-bg-color) 0%, var(--dark-color) 100%);
}

@font-face {
    font-family: Bebas;
    src: url("/font/BebasNeue-Regular.ttf");
}

@font-face {
    font-family: Netflix;
    src: url("/font/netflix.woff") format("woff");
}

body {
    background-color: var(--main-bg-color);
    color: var(--main-color);
    margin: 0px;

}

body, pre, textarea, button, a {
    font-family: "Netflix";
}

footer {
    text-align: center;
}

a:link {
    color: #3777CA;
}

a:visited {
    color: #f44336;
}

.footer {
    margin-bottom: 0px;
    background-color: var(--main-header-bg-color);

    border-style: solid;
    border-width: 0px;
    border-top-width: var(--main-border-width);
    border-top-color: var(--header-border-color);

    padding-top: 5px;
    padding-bottom: 5px;
}

.copyright {
    margin-top: 5px;
    font-size: 15px;
}

#main {
    margin-left: var(--main-margin-right);
    margin-right: var(--main-margin-right);
}

.container {
    margin-bottom: 100px;
    margin-top: 100px;
}

.text-container {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.title {
    font-size: 70px;
}

pre {
    font-size: 35px;
}

h2 {
    margin: 0px;
}

.small-hr {
    width: 25%;
}