html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.bg-red {
  --bs-text-opacity: 1;
  background-color: #FF5533 !important;
}

.bg-red-light {
  --bs-text-opacity: 1;
  background-color: #FFF0EA !important;
}

.bg-yellow-light {
  --bs-text-opacity: 1;
  background-color: #FFFAEE !important;
}

.text-color-yellow {
  --bs-text-opacity: 1;
  color: #ffee55 !important;
}

.text-color-red {
  --bs-text-opacity: 1;
  color: #EE5533 !important;
}

.btn-primary {
  color: #fff;
  background-color: #FF5533;
  border-color: #FF5533;
}

.home-page-background-code-screen-shot {
  
  background-image: url("../images/home/code-screen-shot.png");
  background-attachment: fixed;
  background-size: cover;
  
  -moz-background-image: url("../images/home/code-screen-shot.png");
  -moz-background-size: cover;
  
  -o-background-image: url("../images/home/code-screen-shot.png");
  -o-background-size: cover;
  
  -webkit-background-image: url("../images/home/code-screen-shot.png");
  -webkit-background-size: cover;
}

.home-page-background-flexible-staking-diagram {

  background-image: url("../images/home/flexible-staking-on-chain-solution-3.jpeg");
  background-attachment: fixed;
  background-size: cover;

  -moz-background-image: url("../images/home/flexible-staking-on-chain-solution-3.jpeg");
  -moz-background-size: cover;

  -o-background-image: url("../images/home/flexible-staking-on-chain-solution-3.jpeg");
  -o-background-size: cover;

  -webkit-background-image: url("../images/home/flexible-staking-on-chain-solution-3.jpeg");
  -webkit-background-size: cover;
}

.height-25vw {
  height: 25vw;
}