Carbon Footprint CSS

* {
    margin: 0;
    padding: 0;
    cursor: url('orange_pointer.cur'), default;
}

body {
    width: 100%;
    height: 100%;
    background-image: url(images/stars.jpg);
    background-size: cover;

}


.home {
    padding: 50px;
    position: absolute;
    top: 1%;
    z-index: 100;
}

.globe {
    width: 700px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
    -webkit-animation-timing-function: ease-in-out;
    cursor: pointer;

    }

.globe:hover {
  -webkit-animation-name: kettleboil;
  animation-name: kettleboil;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
    cursor: pointer !important;
}

.globe img {
    cursor: pointer;
}


.tagline {
    position: relative;
    padding-top: 75px;
    text-align: center;
    font-family: "Luckiest Guy", sans-serif;
    font-size: 37px;
    letter-spacing: 2px;
    color: #f58538;
    margin-top: 65px;
}

@keyframes floating {
    0% {
        transform: translate(0%,0%);
    }
    25% {
        transform: translate(0%,5%);
    }
    50% {
        transform: translate(0%,10%);
    }
    75% {
        transform: translate(0%,5%);
    }
    100% {
        transform: translate(0%,0%);
    }

}

@-webkit-keyframes kettleboil {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes kettleboil {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

#boilme {
    width: 120px;
    position: absolute;
    top: 15%;
    left: 75%;

}