@font-face {
  font-family: 'Sagoma-Regular';
  src: url('./fonts/Sagoma-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
 }

@keyframes pulse {
    0% {
        background-color: #FF6A8B;
    }
    25%  {
        background: #0275D8;
    }
    50%  {
        background: #FFC300;
    }
    75%  {
        background: #9E01A5;
    }
    100% {
        background-color: #FF6A8B;
    }
}

body {
  background-color: #FFC300;
  text-align: center !important;
  animation: pulse 30s infinite;
}

.mainTitle {
  font-family: 'Sagoma-Regular';
  color: #FFF;
  font-size: 75px;
  padding-top: 50px;
}

.subTitle {
  font-family: 'Open sans';
  font-size: 23px;
  margin-top: 20px;
}

.footer {
  position:fixed;
  height: 44px;
  background-color: #000;
  bottom:0;
  width:100%;
  margin-top: 75px !important

}

a {
  color: #FFF !important;
}

a:hover {
  text-decoration: none;
}

.myButton {
  margin-top: 30px;
  margin-bottom: 30px;
}