body {
    background:
        repeating-linear-gradient(4deg, transparent, transparent 20px, #efefef 20px, #efefef 22px)
        ,repeating-linear-gradient(95deg, transparent, transparent 20px, #efefef 20px, #efefef 22px)
        ,linear-gradient(45deg, #dfd8d8, #eee)
    ;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/* for image getting blurred when scaling in css */
#navbar img,
.logo {
    image-rendering: -moz-crisp-edges; /* Firefox */
    image-rendering: -o-crisp-edges; /* Opera */
    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}

.home .logo {
    max-width: 280px;
}

.home .ti {
    color: #ec651a;
}