@font-face {
	font-family: 'GraublauWeb-Bold';
	src: url('../font/GraublauWebBold.eot?') format('eot'), 
	     url('../font/GraublauWebBold.otf')  format('opentype'),
	     url('../font/GraublauWebBold.woff') format('woff'), 
	     url('../font/GraublauWebBold.ttf')  format('truetype'),
	     url('../font/GraublauWebBold.svg#GraublauWebBold') format('svg');
} 


@font-face {
	font-family: 'GraublauWeb';
	src: url('../font/GraublauWeb.eot?') format('eot'), 
	     url('../font/GraublauWeb.otf')  format('opentype'),
	     url('../font/GraublauWeb.woff') format('woff'), 
	     url('../font/GraublauWeb.ttf')  format('truetype'),
	     url('../font/GraublauWeb.svg#GraublauWeb') format('svg');
}                                           
        

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: inherit;
	vertical-align: baseline;  
  font-family: 'GraublauWeb'; 
}
    
      body {
  color: #fff;
  height: 100vh;
  display: flex;
    background-color: #2F2727;
  background-position: center center;
  background-repeat: no-repeat;
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));
  background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);
  background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
  background: -ms-radial-gradient(circle, #1a82f7, #2F2727);
}


.info {
  margin: auto;  font-size:18px;
  text-align: center;
  background-image: linear-gradient(rgba(0, 0, 0, .3), rgba(0, 0, 0, .3));
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  animation: dropin 2s;
  width: 500px;
  height: 560px;
}

p {
  animation: fadetext 5s;
}

@keyframes dropin {
  from {
    background-position: 0 -400px;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes fadetext {
  from {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.fditta{      position:fixed;
   left:0px;
   bottom:0px;
   width:100%;
   background:#999;
   text-align:center;
}