/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */

body {
    margin: 0 0 0 0;
    background-color: black;
}

body:has(#admin-wrapper) {
    background-color: white;
}

#wrapper {
    margin: 0 auto 0 auto;
    padding: 1em 2em;
    max-width: 960px;
    background: linear-gradient(45deg,rgba(23, 0, 0, 1) 0%, rgba(156, 19, 0, 1) 50%, rgba(220, 32, 0, 1) 100%);
}

#admin-wrapper {
    margin: 0 0 0 0;
    padding: 2em;
    background: white;
}

.alert {
    padding: 0.2em 1em;
    background: whitesmoke;
}

.alert-danger {
    color: red;
    font-weight: bold;
}

.alert-success {
    color: green;
}

.area {
    margin: 2em 0;
    padding: 1em 2em;
    border-radius: 10px;
    background: #D1D1BA;
}

h2 {
    color: #170000;
}

h2.macondo {
    font-family: "Macondo", cursive;
}

.hint_boxes form {
    flex: 1 1 auto;
}

.hint_boxes input {
    width: 100%;
    height: 6em;
}

#admin-wrapper td {
    padding: 0.2em 1em;
}