/* description H1 */
@import url("https://fonts.googleapis.com/css2?family=Fredoka&display=swap");

:root {
  --background-black: rgb(40, 40, 40);
  --background-light: #d9d9d9;
  --box-shadow: #aaa;
}

/** Inicio **/

body {
  min-height: 100vh;
  color: var(--text-color);
  font-family: "Fredoka", sans-serif;
}

.content {
  height: 100vh;
}

h1,
a,
button,
span,
.native-table-footer,
.native-table-head {
  font-family: "Fredoka", sans-serif;
}

.content-wrapper {
  min-height: 75vh;
}

.head-bg {
  background: var(--main-color);
}

nav {
  background: var(--background-black);
  width: 100vw !important;
  min-width: 100% !important;
  border-radius: 0px;
}

.brand-container {
  text-shadow: none;
}

.brand-container,
.content-wrapper,
nav {
  max-width: none;
}

.paste-list {
  border-radius: 10px;
  box-shadow: 0 0 3px var(--box-shadow);
}

nav li a {
  text-shadow: none;
}

footer a {
  color: var(--anchor-text-color);
}

/* mensaje */

.tab_container {
  border: 1px solid var(--light-border) !important;
  border-radius: 0px 0px 10px 10px;
  border: none;
}

.tabs {
  border-radius: 10px;
  border-left: none;
  border-bottom: none;
}

.tabs li {
  border: 1px solid var(--light-border);
  background: var(--background-light) !important;
}

/* Nuevo */

.input-title.form.\<input\> {
  box-shadow: 0 0 3px var(--box-shadow);
}

.input-title {
  font-size: 25px;
  width: 100%;
}

nav,
button,
.btn {
  background: var(--background-black);
}

.btn {
  background: var(--main-color);
  border: none;
}
.btn:hover {
  background: var(--background-black) !important;
}

/* Paste */

.paginate_button {
  border: none;
}

#table {
  box-shadow: 0 0 3px var(--box-shadow);
}

.native-table-menu .menu-option:hover {
  background: var(--main-color) !important;
  color: var(--white-color);
  font-weight: bold;
}

button {
  background: var(--main-color) !important;
  border: none;
  font-weight: bold;
}

button:hover {
  background: var(--background-black) !important;
}

/* Config */

.bottom-badge,
.admin-nav {
  border-radius: 5px;
  border: 1px solid var(--light-border);
}

.admin-nav {
  box-shadow: 0 0 3px var(--box-shadow);
}

input:not([type="radio"]),
textarea,
select {
  font-family: "Fredoka", sans-serif;
}

form:has(h2) {
  box-shadow: 0 0 3px var(--box-shadow);
}

/* Login */

form:has(.login-box) {
  width: fit-content;
  margin: 0 auto;
  box-shadow: 0 0 3px var(--box-shadow);
}

/* .content-wrapper:has(form .login-box) { */
/*     display: grid; */
/*     place-content: center; */
/* } */

@media only screen and (max-width: 768px) {
  header {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 15px 15px;
  }

  nav {
    grid-row: 2/3;
    grid-column: 1/2;
  }
}