app/css/gradient.css

#about_view {
    color: #ffffff;
    font-family: "Helvetica Neue", Impact, sans-serif;
    font-size: 1.1em;
    text-align: center;
    margin: 0 0 0 0;
    clear: both;
    height: 100%;
}

#about_view h3 {
    text-shadow: 0px 1px 0px rgb(204, 204, 204), 0px 2px 0px rgb(201, 201, 201),
    0px 3px 0px rgb(187, 187, 187), 0px 4px 0px rgb(185, 185, 185),
    0px 5px 0px rgb(170, 170, 170), 0px 6px 1px rgba(0, 0, 0, 0.1),
    0px 0px 5px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(0, 0, 0, 0.3),
    0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 10px rgba(0, 0, 0, 0.25),
    0px 20px 20px rgba(0, 0, 0, 0.15);
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.5em;
    margin: 0 0 20px 0;
}

#about_view div {
    margin: 0 0 5px 0;
}

.background-1 {
    background: #282537;
    background-image: -webkit-radial-gradient(
        top,
        circle cover,
        #3c3b52 0%,
        #252233 80%
    );
    background-image: -moz-radial-gradient(
            top,
            circle cover,
            #3c3b52 0%,
            #252233 80%
    );
    background-image: -o-radial-gradient(
            top,
            circle cover,
            #3c3b52 0%,
            #252233 80%
    );
    background-image: radial-gradient(top, circle cover, #3c3b52 0%, #252233 80%);
}

.background-2 {
    background: #092756;
    background: -moz-radial-gradient(
            0% 100%,
            ellipse cover,
            rgba(104, 128, 138, 0.4) 10%,
            rgba(138, 114, 76, 0) 40%
    ),
    -moz-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
            100%),
    -moz-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(
            0% 100%,
            ellipse cover,
            rgba(104, 128, 138, 0.4) 10%,
            rgba(138, 114, 76, 0) 40%
    ),
    -webkit-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(
                    42,
                    60,
                    87,
                    0.4
            )
            100%),
    -webkit-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -o-radial-gradient(
            0% 100%,
            ellipse cover,
            rgba(104, 128, 138, 0.4) 10%,
            rgba(138, 114, 76, 0) 40%
    ),
    -o-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
            100%),
    -o-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -ms-radial-gradient(
            0% 100%,
            ellipse cover,
            rgba(104, 128, 138, 0.4) 10%,
            rgba(138, 114, 76, 0) 40%
    ),
    -ms-linear-gradient(top, rgba(57, 173, 219, 0.25) 0%, rgba(42, 60, 87, 0.4)
            100%),
    -ms-linear-gradient(-45deg, #670d10 0%, #092756 100%);
    background: -webkit-radial-gradient(
            0% 100%,
            ellipse cover,
            rgba(104, 128, 138, 0.4) 10%,
            rgba(138, 114, 76, 0) 40%
    ),
    linear-gradient(
            to bottom,
            rgba(57, 173, 219, 0.25) 0%,
            rgba(42, 60, 87, 0.4) 100%
    ),
    linear-gradient(135deg, #670d10 0%, #092756 100%);
}

.background-3 {
    background-image: linear-gradient(#8b9da9, #fff6e4);
    box-shadow: inset 0 0 100px hsla(0, 0%, 0%, 0.3);
}
.background-4 {
    background: rgb(105, 155, 200);
    background: -moz-radial-gradient(
            top left,
            ellipse cover,
            rgba(105, 155, 200, 1) 0%,
            rgba(181, 197, 216, 1) 57%
    );
    background: -webkit-gradient(
            radial,
            top left,
            0px,
            top left,
            100%,
            color-stop(0%, rgba(105, 155, 200, 1)),
            color-stop(57%, rgba(181, 197, 216, 1))
    );
    background: -webkit-radial-gradient(
            top left,
            ellipse cover,
            rgba(105, 155, 200, 1) 0%,
            rgba(181, 197, 216, 1) 57%
    );
    background: -o-radial-gradient(
            top left,
            ellipse cover,
            rgba(105, 155, 200, 1) 0%,
            rgba(181, 197, 216, 1) 57%
    );
    background: -ms-radial-gradient(
            top left,
            ellipse cover,
            rgba(105, 155, 200, 1) 0%,
            rgba(181, 197, 216, 1) 57%
    );
    background: radial-gradient(
            ellipse at top left,
            rgba(105, 155, 200, 1) 0%,
            rgba(181, 197, 216, 1) 57%
    );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#699bc8', endColorstr='#b5c5d8',GradientType=1 );
}
.background-5 {
    background-image: linear-gradient(
            45deg,
            rgba(194, 233, 221, 0.5) 1%,
            rgba(104, 119, 132, 0.5) 100%
    ),
    linear-gradient(-45deg, #494d71 0%, rgba(217, 230, 185, 0.5) 80%);
}

.background-6 {
    background: rgb(244, 226, 156);
    background: -moz-linear-gradient(
            -45deg,
            rgba(244, 226, 156, 0) 0%,
            rgba(59, 41, 58, 1) 100%
    ),
    -moz-linear-gradient(left, rgba(244, 226, 156, 1) 0%, rgba(130, 96, 87, 1)
            100%);
    background: -webkit-linear-gradient(
            -45deg,
            rgba(244, 226, 156, 0) 0%,
            rgba(59, 41, 58, 1) 100%
    ),
    -webkit-linear-gradient(left, rgba(244, 226, 156, 1) 0%, rgba(
                    130,
                    96,
                    87,
                    1
            )
            100%);
    background: -o-linear-gradient(
            -45deg,
            rgba(244, 226, 156, 0) 0%,
            rgba(59, 41, 58, 1) 100%
    ),
    -o-linear-gradient(left, rgba(244, 226, 156, 1) 0%, rgba(130, 96, 87, 1)
            100%);
    background: -ms-linear-gradient(
            -45deg,
            rgba(244, 226, 156, 0) 0%,
            rgba(59, 41, 58, 1) 100%
    ),
    -ms-linear-gradient(left, rgba(244, 226, 156, 1) 0%, rgba(130, 96, 87, 1)
            100%);
    background: linear-gradient(
            135deg,
            rgba(244, 226, 156, 0) 0%,
            rgba(59, 41, 58, 1) 100%
    ),
    linear-gradient(
            to right,
            rgba(244, 226, 156, 1) 0%,
            rgba(130, 96, 87, 1) 100%
    );
}