body, div, a {
  box-sizing: border-box; }

.container {
  position: relative;
  margin-top: 125px;
  margin-left: 150px;
  width: 900px;
  height: 300px; }

.button-container {
  position: absolute;
  width: 300px;
  height: 160px; }
  .button-container .button {
    position: absolute;
    left: 40px;
    top: 40px;
    text-align: center;
    padding: 15px 10px 0;
    font-family: helvetica,"sans serif";
    font-weight: bold;
    color: #444;
    text-shadow: 2px 2px #0bfab9;
    font-size: 20px;
    width: 220px;
    height: 80px;
    background-color: #2be5b3;
    border-radius: 7px;
    border-color: #888;
    border-style: inset;
    cursor: pointer; }

.logo {
  position: absolute;
  left: 380px;
  top: 12px;
  background-image: url("../images/logo.png");
  width: 140px;
  height: 140px; }

.monkeys-button-container {
  right: 0; }

.purpose-button-container {
  z-index: 10; }

.monkeys-text {
  position: absolute;
  left: 235px;
  top: -85px;
  width: 500px;
  font-size: 80px;
  font-weight: bold;
  font-family: helvetica,"sans serif";
  color: #fa430b;
  display: none;
  animation: "toggle-color" 1.5s infinite linear;
  -webkit-animation: "toggle-color" 1.5s infinite linear;
  -moz-animation: "toggle-color" 1.5s infinite linear; }

@keyframes 'toggle-color' {
  0% {
    color: #fa430b; }

  49.99% {
    color: #fa430b; }

  50% {
    color: #380bfa; }

  100% {
    color: #380bfa; } }

@-webkit-keyframes 'toggle-color' {
  0% {
    color: #fa430b; }

  49.99% {
    color: #fa430b; }

  50% {
    color: #380bfa; }

  100% {
    color: #380bfa; } }

@-moz-keyframes 'toggle-color' {
  0% {
    color: #fa430b; }

  49.99% {
    color: #fa430b; }

  50% {
    color: #380bfa; }

  100% {
    color: #380bfa; } }