/* rainbow stripe */
.content {
    background: linear-gradient(
        90deg, 
        #fea3aa, #fea3aa, 
        #f8b88b, #f8b88b, 
        #faf884, #faf884,
        #baed91,
        #b2cefe, #b2cefe, 
        #f2a2e8, #f2a2e8,
        #fea3aa
    );
    background-size: 110vw 4px;
    background-repeat: repeat-x;
    -webkit-animation: horiGradientAnim 15s ease infinite;
    -moz-animation: horiGradientAnim 15s ease infinite;
    animation: horiGradientAnim 15s ease infinite;
}
@-webkit-keyframes horiGradientAnim {
    0%{background-position:0px 0}
    50%{background-position:2048px 0}
    100%{background-position:0px 0}
}
@-moz-keyframes horiGradientAnim {
    0%{background-position:0px 0}
    50%{background-position:2048px 0}
    100%{background-position:0px 0}
}
@keyframes horiGradientAnim {
    0%{background-position:0px 0}
    50%{background-position:2048px 0}
    100%{background-position:0px 0}
}
/*
.content {
    box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    background: linear-gradient(
        180deg, 
        #fea3aa, #fea3aa, 
        #f8b88b, #f8b88b, 
        #faf884, #faf884,
        #baed91,
        #b2cefe, #b2cefe, 
        #f2a2e8, #f2a2e8,
        #fea3aa
    );
    background-size: 4px 110vh;
    background-repeat: repeat-y;
    -webkit-animation: gradientAnim 15s ease infinite;
    -moz-animation: gradientAnim 15s ease infinite;
    animation: gradientAnim 15s ease infinite;
}

@-webkit-keyframes gradientAnim {
    0%{background-position:0 0px}
    50%{background-position:0 2048px}
    100%{background-position:0 0px}
}
@-moz-keyframes gradientAnim {
    0%{background-position:0 0px}
    50%{background-position:0 2048px}
    100%{background-position:0 0px}
}
@keyframes gradientAnim {
    0%{background-position:0 0px}
    50%{background-position:0 2048px}
    100%{background-position:0 0px}
}
*/