style.css

.title
{
    padding: 5px;
    border: 2px solid midnightblue;
    text-align:center;
    color:white;
    font-family:"Century Gothic";
    font-size:70px;
}

.main
{
    background-color: #0A1A30;
}

.fluids
{
    background:url(https://cdn.discordapp.com/attachments/477230882525151233/608830659661660190/unknown.png) repeat;
}

.unit-cover
{
    color:white;
    font-family:"Century Gothic";
    text-align:center;
    padding: 10px;
    background: linear-gradient(#1C4C89,#163C6B);
}

.unit
{
  border: none;
  background-color: #457DC1;
  padding: 10px 20px;
  font-size: 18px;
  cursor: pointer;
  display: inline-block;
  font-family:"Century Gothic", sans-serif;
  color:white;
}

.header
{
    color: #0B1623;
    font-family:"Century Gothic", sans-serif;
    font-size: 28px;
    text-align:center;
    padding: 15px;
    background: linear-gradient(to right, #DEE6EF,#ffffff);
}

.unit:hover
{
    background-color:#1C4C89;
    transition:background .5s;
    font-size: 20px;
}

.inverted {
    filter: invert(100%);
}

.inverted:hover
{
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }