*
body {margin: 0;padding: 0;font-family: TF2Professor;}


img
{
-moz-border-radius: 50px; /* Firefox */
-webkit-border-radius: 50px; /* Safari, Google Chrome */
-khtml-border-radius: 50px; /* KHTML */
-o-border-radius: 50px; /* Opera */
-ms-border-radius: 50px; /* IE8 */
-icab-border-radius: 50px; /* Icab */
border-radius: 50px; /* CSS3 */    
width: 300px;
margin-top: calc(35vh - 15vh);
animation-name: Appearance;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(.1,-.6,.2,0);
}


@-webkit-keyframes Appearance {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-o-keyframes Appearance {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@-moz-keyframes Appearance {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes Appearance {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.content
{
width:700px;
margin:0 auto;
padding:20px;
animation-name: Appearance;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(.1,-.6,.2,0);
}
 
.content h2
{
font: 30px TF2Build, Arial, Helvetica, sans-serif;
color:#444;
text-align:center;
}
 
.content p
{
font: 20px TF2, Arial, Helvetica, sans-serif;
color:#444;
text-indent:20px;
}

.footer
{
width:100%;
text-align:center;
margin-top:20px;
animation-name: Appearance;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(.1,-.6,.2,0);
}
.footer p, .footer a
{
font: 14px Verdana, Arial, Helvetica, sans-serif;
color:#444;
}
 
.footer a
{
text-decoration: none;
border-bottom:1px dotted #444;
}
 
.footer a:hover
{
text-decoration: none;
border:0px;
}

@font-face {
    font-family: 'TF2Secondary';
    src: url('fonts/TF2Secondary.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TF2';
    src: url('fonts/TF2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TF2Build';
    src: url('fonts/TF2Build.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TF2Professor';
    src: url('fonts/TF2Professor.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}