@font-face {
  font-family: dobfilet;
  src: url(/fonts/Dobfilet.ttf);
}

body{
 width:100%; 
 background-image: url("/coolguyzone/greyplank.jpg");
}

@keyframes textFadeIn {
  from {opacity:0;}
  to {opacity:1;}
}

#omenbase{
 opacity:0;
 background-image: url("/coolguyzone/darkwood.png");
 width:50%;
 max-width:500px;
 margin-left:auto;
 margin-right:auto;
 margin-top:100px;
 border-radius:10px;
 padding-top:10px;
 padding-bottom:10px;
 padding-left:20px;
 padding-right:20px;
 font-family:dobfilet;
 color:#ebf1f5;
 animation-name: textFadeIn;
 animation-duration: 1.1s;
 animation-timing-function: ease-in-out;
 animation-delay: 0.5s;
 animation-fill-mode: forwards;
}

#omenbase h1{
  font-size:45px;
  text-align:center;
  margin-bottom:15px;
}

@keyframes shifting {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(3deg);}
  75% {transform: rotate(-3deg);}
  100% {transform: rotate(0deg);}
}

@keyframes shiftingb {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(2deg);}
  75% {transform: rotate(-2deg);}
  100% {transform: rotate(0deg);}
}

@keyframes shifting2 {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(-3deg);}
  75% {transform: rotate(3deg);}
  100% {transform: rotate(0deg);}
}

@keyframes shifting2b {
  0%   {transform: rotate(0deg);}
  25%  {transform: rotate(-2deg);}
  75% {transform: rotate(2deg);}
  100% {transform: rotate(0deg);}
}

#omenbase p{
  font-size:30px;
  margin-left:0px;
  margin-right:0px;
  margin-top:0px;
  margin-bottom:5px;
  text-align:center;
}

#omenbase a{
  text-decoration:none;
  color:#ebf1f5;
}

#omenbase a:hover{
  text-decoration:none;
  color:#c9cfd4;
}

#goodomenlink{
  animation-name: shifting;
  animation-duration: 10s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#badomenlink{
  animation-name: shifting2;
  animation-duration: 12s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#inscomenlink{
  animation-name: shiftingb;
  animation-duration: 11s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#homelink{
  animation-name: shifting2b;
  animation-duration: 13s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

#omenresultblock{
}