#content{padding: 3px 5px;}
#content img{width:400px;max-width:100%;height:auto;}
#content img[src^="/matrix/static/images/face/"]{width:auto;height:auto;vertical-align:middle;}
.sqm {background-image: -webkit-linear-gradient(left, #3498db, #f47920 10%, #d71345 20%, #f7acbc 30%, #ffd400 40%, #3498db 50%, #f47920 60%, #d71345 70%, #f7acbc 80%, #ffd400 90%, #3498db);
    color: transparent;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    background-size: 60% 30%;
    animation: masked-animation 3s linear infinite;
}
.sqm1 {
    background-image:
            -webkit-gradient( linear, left top, right top, color-stop(0, #f22),
            color-stop(0.15, #f2f),
            color-stop(0.3, #22f),
            color-stop(0.45, #2ff),
            color-stop(0.6, #2f2),
            color-stop(0.75, #2f2),
            color-stop(0.9, #ff2),
            color-stop(1, #f22) );
    color: transparent;
    -webkit-background-clip: text;-moz-background-clip: text;-ms-background-clip: text
}
@keyframes masked-animation {
    0% {
        background-position: 0  0;
    }
    100% {
        background-position: -100%  0;
    }
}
.sqm2 {font-size: 15px;background: -webkit-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
-moz-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
-ms-linear-gradient(45deg, #ff0000, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);
    color: transparent;
    -webkit-background-clip: text;
    animation: ran 70s linear infinite;
}
@keyframes ran { from {backgroud-position: 0 0;} to {background-position: 2000px 0;}
}