/* rubik-300 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/rubik/rubik-v21-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-300.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-500 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/rubik/rubik-v21-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-500.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-regular - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/rubik/rubik-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-regular.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-600 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/rubik/rubik-v21-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-600.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-700 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/rubik/rubik-v21-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-700.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-800 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 800;
    src: url('fonts/rubik/rubik-v21-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-800.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-800.svg#Rubik') format('svg'); /* Legacy iOS */
}
/* rubik-900 - latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 900;
    src: url('fonts/rubik/rubik-v21-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('fonts/rubik/rubik-v21-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/rubik/rubik-v21-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-900.woff') format('woff'), /* Modern Browsers */
    url('fonts/rubik/rubik-v21-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/rubik/rubik-v21-latin-900.svg#Rubik') format('svg'); /* Legacy iOS */
}

html, body {
    height: 100%;
}
body {
    background: #3f4954;
    color: #fff;
    margin: 0 20px;
    font-family: 'Rubik';
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #FF6A67;
}
.content {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
h1 {
    font-size: 4.3em;
    text-align: center;
}
h1 a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    display: inline-block;
}
h1 a:hover, h1 a:focus, h1 a:active {
    -webkit-animation-name: wobble;
    animation-name: wobble;
    -webkit-animation-duration: 0.75s;
    animation-duration: 0.75s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
h1 img {
    width: 35px;
    vertical-align: text-top;
    margin-right: 7px;
    transition: transform .7s ease-in-out;
}
h1 img:hover {
    cursor: pointer;
    transform: rotate(360deg);
}
.footer {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    font-size: 13px;
    color: #556271;
}

@media only screen and (max-width: 1024px) {
    h1 img {
        display: block;
        margin: -65px auto 30px;
    }
}

@keyframes wobble {
    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);
    }
}