/*!
 * Copyright © Webcascade
*/

html, body {
    height: 100%;
}

.colored {
    background: linear-gradient(to right, #0e90d4, #1b4c98);
    background-color: #0e90d4;
}

.text3d {
    font-weight: bold;
    font-size: 5rem;
    text-shadow: 
        0 1px 0 hsl(174,5%,80%), 
        0 2px 0 hsl(174,5%,75%), 
        0 3px 0 hsl(174,5%,70%), 
        0 4px 0 hsl(174,5%,66%), 
        0 5px 0 hsl(174,5%,64%), 
        0 6px 0 hsl(174,5%,62%), 
        0 7px 0 hsl(174,5%,61%), 
        0 8px 0 hsl(174,5%,60%), 
        0 0 5px rgba(0,0,0,.05), 
        0 1px 3px rgba(0,0,0,.2), 
        0 3px 5px rgba(0,0,0,.2), 
        0 5px 10px rgba(0,0,0,.2), 
        0 10px 10px rgba(0,0,0,.2), 
        0 20px 20px rgba(0,0,0,.3);
}

@media(max-width:576px) {
    .text3d {
        font-size: 3rem;
    }
}