:root {
  --bg-rs3: rgba(26, 170, 133, 0.6);
  --bg-rsold: rgba(27, 146, 62, 0.5);
  --bg-rs3-btn: rgb(209, 26, 26);
  --bg-rsold-btn: rgba(209, 26, 26);
  --bg-nav: rgba(66, 140, 58);
}

html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

nav {
  background-color: var(--bg-nav);
}

#background-logo {
  background: url(assets/images/bg2.jpg) no-repeat center center fixed;
  background-size: cover;
}

.container-fluid, .row {
  margin-bottom: 2rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

main {
  margin-top: 5rem;
  min-height: calc(100vh - 35vh);
}

h1, h3 {
  color: white;
}

h1 span, h3 span {
  color: gold;
}

.presentation-section {
  margin: auto;
}

.presentation-section .presentation {
  width: 25rem;
  height: 20rem;
}

.presentation-section .presentation .osrs-pres {
  height: 6rem;
}

.presentation-section .presentation .rs3-pres {
  height: 6rem;
}

.presentation-section .presentation input::-webkit-inner-spin-button,
.presentation-section .presentation input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.presentation-section .presentation input[type="number"] {
  -moz-appearance: textfield;
}

.presentation-section .rs-old {
  border-radius: 10%;
  padding: 0.5rem;
  text-align: center;
  background-color: var(--bg-rs3);
  margin-bottom: 2rem;
}

.presentation-section .rs-old .formatas label {
  height: 1rem;
  border-radius: 40%;
  padding: 9px;
  margin-right: -3.1rem;
  position: relative;
}

.presentation-section .rs-old .formatas label .coin {
  z-index: 1;
  font-size: 1.3rem;
  color: #e6a429;
}

.presentation-section .rs-old .formatas label .bill {
  font-size: 1.3rem;
  color: #27b84b;
}

.presentation-section .rs-old .formatas input {
  text-align: center;
  height: 2rem;
  border: none;
  margin: 0.5rem;
}

.presentation-section .rs-old .formatas .fas {
  color: var(--bg-rsold-btn);
  font-size: 2rem;
}

.presentation-section .rs-old .formatas a {
  background-color: var(--bg-rsold-btn);
  border: none;
  color: black;
}

.presentation-section .rs-old .formatas a a:focus {
  outline: none !important;
  border: none !important;
}

.presentation-section .rs3 {
  border-radius: 10%;
  padding: 0.5rem;
  text-align: center;
  background-color: var(--bg-rsold);
}

.presentation-section .rs3 .RS-Logo3 {
  height: 8rem;
}

.presentation-section .rs3 .formatas label {
  height: 1rem;
  border-radius: 40%;
  padding: 9px;
  margin-right: -3.1rem;
  position: relative;
}

.presentation-section .rs3 .formatas label .coin {
  z-index: 1;
  font-size: 1.3rem;
  color: #e6a429;
}

.presentation-section .rs3 .formatas label .bill {
  font-size: 1.3rem;
  color: #27b84b;
}

.presentation-section .rs3 .formatas input {
  text-align: center;
  height: 2rem;
  border: none;
  margin: 0.5rem;
}

.presentation-section .rs3 .formatas .fas {
  color: var(--bg-rs3-btn);
  font-size: 2rem;
}

.presentation-section .rs3 .formatas a {
  background-color: var(--bg-rs3-btn);
  border: none;
  color: black;
}

.presentation-section .rs3 .formatas a a:focus {
  outline: none !important;
  border: none !important;
}

.payment-class {
  background-color: white;
  width: 100%;
  margin-bottom: 0;
}

.payment-class .pay-logo {
  width: 4.4rem;
  opacity: 1;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

.payment-class #logo-plus {
  width: 6rem;
}

.payment-class img {
  background-color: white;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 1.2rem;
}

.payment-class .pay-logo:hover {
  opacity: 2;
  -webkit-transform: scale(1.2, 1.3);
          transform: scale(1.2, 1.3);
}

.price-tag {
  font-size: 0.8rem;
  color: white;
  font-size: 1rem;
  font-weight: bold;
}

section {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: auto;
  margin-bottom: 2rem;
  text-align: center;
}

footer {
  text-align: center;
}

footer p {
  color: white;
}

footer p span {
  color: gold;
}

#select-euro {
  color: #5D7EA7;
}

#select-euro .euras {
  color: #5D7EA7;
}

#select-dollar {
  color: #85bb65;
}

#select-dollar .doller {
  color: #85bb65;
}
/*# sourceMappingURL=style.css.map */