/* VARIABLES */
/* STYLES */
body {
  background-color: #89C826;
  /* For browsers that do not support gradients */
  background-image: linear-gradient(90deg, #89C826, #89C826 50%, #21B8BF 50%, #21B8BF 100%);
  margin: 0px 100px; }

.centered-content {
  background-color: white;
  padding: 10px;
  margin: 0px auto;
  max-width: 900px;
  height: 100%;
  border-left: 10px solid #21B8BF;
  border-right: 10px solid #89C826; }

.company-logo {
  width: 100%;
  margin: 10px;
  text-align: center; }
  .company-logo img {
    max-width: 200px;
    max-height: 200px; }

.company-contact-info {
  margin-top: 10px; }

.confirm-button-link {
  color: rgba(255, 255, 255, 0.9);
  font-weight: bold;
  text-decoration: none; }
  .confirm-button-link .confirm-button {
    background-color: #89C826;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: center;
    width: 80%; }
    .confirm-button-link .confirm-button:hover {
      background-color: #7ab322; }

.floating-fexa-logo {
  background-image: url("/img/logos/spinner-nav.svg");
  position: absolute;
  left: 10px;
  top: 10px;
  width: 80px;
  height: 80px;
  background-color: white;
  border-radius: 40px;
  background-size: 64px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background-size 0.3s;
  /* Safari */
  transition: background-size 0.3s; }
  .floating-fexa-logo:hover {
    background-size: 76px; }