body {
    background:
            linear-gradient(-90deg, rgba(0,0,0,.05) 1px, transparent 1px),
            linear-gradient(rgba(0,0,0,.05) 1px, transparent 1px), 
            linear-gradient(-90deg, rgba(0, 0, 0, .04) 1px, transparent 1px),
            linear-gradient(rgba(0,0,0,.04) 1px, transparent 1px),
            linear-gradient(transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
            linear-gradient(-90deg, #aaa 1px, transparent 1px),
            linear-gradient(-90deg, transparent 3px, #f2f2f2 3px, #f2f2f2 78px, transparent 78px),
            linear-gradient(#aaa 1px, transparent 1px),
            #f2f2f2;
    background-size:
            8px 8px,
            8px 8px,
            80px 80px,
            80px 80px,
            80px 80px,
            80px 80px,
            80px 80px,
            80px 80px;

    font-family: 'Tomorrow', sans-serif !important;
}

.tw h2 {
    margin: 0 auto;
    border-right: .15em solid #1acfe3;
    overflow: hidden;
    white-space: nowrap;
    letter-spacing: .50em;
    animation: typing 2s steps(20, end), blinking .75s step-end infinite;
}

@keyframes typing {
    from { width: 0; } to { width: 100%; }
}

@keyframes blinking {
    from, to { border-color: transparent; } 50% { border-color: #1acfe3; }
}

@media only screen and (max-width: 600px) {
    .tw h2 {
        white-space: normal;
        animation: none;
        border: none;
    }
}