@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');
@import url('https://fonts.cdnfonts.com/css/lifecraft');

body {
  font-family: 'Ubuntu', sans-serif;
  font-size: 1.1em;
  background: rgb(2,0,36);
  background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgb(26, 6, 27) 43%, rgba(31,4,31,1) 100%);
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.realmlist {
  text-align: center;
  font-size: 4em;
  color: #ebb522;
  font-family: 'LifeCraft', sans-serif;
}

form {
  color: #fff;
}

.new {
  margin: 1em;
}

.new__title {
  font-family: 'LifeCraft', sans-serif;
  color: #ebb522;
  font-size: 3em;
  text-align: center;
}

.new p {
  color: #ccc;
  text-shadow: 1px 1px 2px #000;
}

ul li {
  color: #fff;
  text-shadow: 1px 1px 2px #000;
}

ul li span {
  color: #F1B516;
  text-shadow: 1px 1px 2px #000;
}

.new span {
  color: #ebb522;
  font-weight: 900;
  text-shadow: 1px 1px 2px #000;
}

.new a {
  text-decoration: none;
}

.new ul {
  color: #fff;
}

img {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border-radius: 1em;
}

.navbar a {
  color: #fff !important;
}

.navbar .disabled {
  color: #747474 !important;
}

.olympus-home h1 {
  font-family: 'LifeCraft', sans-serif;
  text-align: center;
  color: #ccc;
  font-size: 4em;
}

.olympus-home h2 {
  font-family: 'LifeCraft', sans-serif;
  text-align: center;
  color: #ccc;
  font-size: 3em;
}

.btn-olympus-register {
  margin-left: 0.1em;
  margin-right: auto;
  display: block;
  padding: 1em;
  color: #000;
  font-weight: 900;
  background: #ebb522;
  border: 2px solid #000;
  border-radius: 1em;
}

.btn-olympus-register a {
  color: #000;
  text-decoration: none;
}

.btn-olympus-register:hover {
  margin-left: 0.1em;
  margin-right: auto;
  display: block;
  padding: 1em;
  color: #000;
  font-weight: 900;
  background: #e3cb87;
  border: 2px solid #000;
  border-radius: 1em;
}

.btn-olympus-info {
  margin-left: auto;
  margin-right: 0.1em;
  display: block;
  padding: 1em;
  color: #000;
  background: #918d7d;
  border: 2px solid #000;
  font-weight: 900;
  border-radius: 1em;
}

.btn-olympus-info a {
  color: #000;
  text-decoration: none;
}

.btn-olympus-info:hover {
  margin-left: auto;
  margin-right: 0.1em;
  display: block;
  padding: 1em;
  color: #000;
  background: #fff8dc;
  border: 2px solid #000;
  font-weight: 900;
  border-radius: 1em;
}

li a i {
  margin-right: 0.2em;
}

@media (max-width: 576px) {
  .realmlist {
    font-size: 2em;
  }

  img {
    max-width: 100%;
    height: auto;
  }

  body {
    overflow-x: hidden;
  }
}

.info__text {
    color: white; /* Texto blanco */
    font-size: 16px; /* Tamaņo de fuente ajustable */
}