Css External resources stopped working

Question

Everything was fine until a couple of hours ago, where the external resources of my css stoped being loaded... i thought it might be a connection issue so i uploaded it to an ftp server with no successful results...

as external resources i have an image & fonts from google
These resources are not being loaded

.body{
    background-image: url(http://i.imgur.com/xmDujXb.jpg);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

Fiddle with html & css

Live website

I don't know if its relevant but i'm using brackets to code

Answer 1

Delete the . in .body and it should work.

Demo

Answer 2

Do not use .body

its not a class

just use

body{
    background-image: url(http://i.imgur.com/xmDujXb.jpg);
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

if correct please select as best answer :D