Styles.css

  body{
    color:white;
    font-size: 17px;
    padding:0;
    margin:0;
    text-shadow: 2px 2px rgba(0,0,0,0);
  }
  .container{
    width: 100%;
    height: 100%;
  }
  .container div{
    margin-top: 60px;
    /*left: 17px;*/
    position:absolute;
    /*left: 20px;
    float:left;*/
    font-family: 'GReg';
    letter-spacing: -1px;
  }
  #good{
    top:47px;
    width: 100%;
    left: 16.5px;
    font-size: 30px;
    text-align: left;
    font-family: 'SFbold';
    letter-spacing: 1px;
  }
  #time{
    top:85px;
    width: 100%;
    left: 14px;
    font-size: 65px;
    text-align: left;
    font-family: 'SFBold';
    letter-spacing: 1px;

  }
  #date{
    top:149px;
    width: 100%;
    font-size: 32px;
    left: 16.5px;
    text-align: left;
    font-family: 'SFSemibold';
    letter-spacing: -2px;

  }
  #weather{
    top:200px;
    width: 100%;
    font-family: 'SFLight';
    /*transform:rotate(-90deg);*/
    font-size: 20px;
    left:16.5px;
    text-align: left;
    display:inline-block
    letter-spacing: -1px;

  }
  #icon{
    top:405px;
    position: fixed;
    width:130px;
    left: -5px;
    /*font-size: 20px;
    display:inline-block
    text-align: left;*/

  }

  #battery{
    top:222px;
    width: 100%;
    left: 16.5px;
    text-align: left;
    font-family: 'SFLight';
    /*text-transform: uppercase;*/
    font-size: 20px;
    letter-spacing: -1px;

  }

@font-face{
    font-family:GrBold;
    src:url(fonts/GrBold.otf);
}
@font-face{
    font-family:GrMed;
    src:url(fonts/GrMed.otf);
}
@font-face{
    font-family:GBold;
    src:url(fonts/GBold.otf);
}
@font-face{
    font-family:GMed;
    src:url(fonts/GMed.otf);
}
@font-face{
    font-family:GReg;
    src:url(fonts/GReg.otf);
}
@font-face{
    font-family:QSBold;
    src:url(fonts/QSBold.otf);
}
@font-face{
    font-family:QSLight;
    src:url(fonts/QSLight.otf);
}
@font-face{
    font-family:SFBold;
    src:url(fonts/SFBold.otf);
}
@font-face{
    font-family:SFLight;
    src:url(fonts/SFLight.otf);
}
@font-face{
    font-family:SFRegular;
    src:url(fonts/SFRegular.otf);
}
@font-face{
    font-family:SFSemibold;
    src:url(fonts/SFSemibold.otf);
}