/* The following CSS applies on all screen sizes */

/* Colors and fonts */

@font-face {
  font-family: 'Fredoka';
  src: url(Fonts/Fredoka.ttf);
  font-weight:normal;
}

@font-face {
  font-family: 'FredokaBold';
  src: url(Fonts/FredokaBold.ttf);
  font-weight:normal;
}

     
@font-face {
  font-family: 'BalsamiqSans';
  src: url(Fonts/BalsamiqSans.ttf);
  font-weight:normal;
}

@font-face {
  font-family: 'BalsamiqSansItalic';
  src: url(Fonts/BalsamiqSansItalic.ttf);
}

@font-face {
  font-family: 'BalsamiqSansBold';
  src: url(Fonts/BalsamiqSansBold.ttf);
}

@font-face {
  font-family: 'BalsamiqSans';
  src: url(Fonts/BalsamiqSansBoldItalic.ttf);
}



* { margin:0; padding:0; }

/* Main body styling */
body {
    background-attachment:fixed;
    font: 13px 'BalsamiqSans';
    color:white;
      text-shadow: 
        -1px -1px 0px #000,
         0px -1px 0px #000,
         1px -1px 0px #000,
        -1px  0px 0px #000,
         1px  0px 0px #000,
        -1px  1px 0px #000,
         0px  1px 0px #000,
         1px  1px 0px #000;
   
        background-image: url('Images/Backgrounds/symphony.png');
         background-repeat: no-repeat;
  background-attachment: fixed; /* Keeps image from scrolling with content */
  background-position: center; /* Centers the image */
  background-size: cover; /* Forces image to cover the entire page */
  
}