@font-face {
    font-family: 'Impact Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Impact Regular'), url('impact.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Impact Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Impact Regular'), url('unicode.impact.woff') format('woff');
    }
    

    @font-face {
    font-family: 'Impacted Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Impacted Regular'), url('Impacted.woff') format('woff');
    }

body {
    background: #fff;
    margin: 0px;
}

.head{
	background-color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 56px;
	position: absolute;
	font-size: 14px;
	font-weight: bold;
	border: 0px solid #fff;

	
}

.small-logo  {
    align:right;
    position: fixed;
    margin: 6px -20px 0px 20px;
}

#block {
  height: 450px;
  width: 450px;
  border: 0px solid red;
  left:0; 
  right:0; 
  top: 58px;
  bottom: 0;
  position: relative;
  margin:auto;
}
.wrapper { 
  height: 450px;
  width: 450px;
  border: 0px solid blue;
  left:0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
background: linear-gradient(3deg, #ff2400, #e81d1d, #e8b71d, #e3e81d, #1de840, #1ddde8, #2b1de8, #dd00f3, #dd00f3);
background-size: 1800% 1800%;

-webkit-animation: rainbow 18s ease infinite;
-z-animation: rainbow 18s ease infinite;
-o-animation: rainbow 18s ease infinite;
  animation: rainbow 18s ease infinite;
}

@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

#page-under {
	text-align: center;
	color: #000;
	top: 10px;
	right:0; 
    bottom:0;
	left:0; 
	margin:auto;
	
	width: 400px;
	height: 18px;
	
	position: relative;
	
	
	font-size: 14px;
	font-weight: bold;
	border: 0px solid red;
}

.bottom {
	background-color: #000;
	font-family: 'Impacted Regular';
	color: #fff;
	
	bottom: 0;
	left: 0;
	width: 100%;
	height: 38px;
	position: fixed;
	
	border: 0px solid #fff;
}
.foot {
	width: 300px;
	margin: 5px 0 0 5px;
	position: relative;
	font-size: 16px;
	
	border: 0px solid red;
}
.foot-right {
	width: 300px;
	margin: 5px 5px 0 0;
	top: 0;
	right: 0;
	position: absolute;
	font-size: 16px;
    text-align: right;	
	border: 0px solid red;
}