@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);

@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

html, body, .content {
    height: 100%;
}

body {
    margin: 0;
    font-family: 'Open Sans', Arial, Tahoma, serif;
    font-weight: 400;
    color: #363636;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #ff1212, #ffd500);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

* {
    color: #ffffff;
    text-align: center;
}

p {
    font-size: 20px;
}

.content {
    display: flex;
    align-items: center;
}

.content div {
    padding: 10%;
    width: 100%;
}

img {
    max-width: 100%;
}