html,*{padding:0;}
body{background-image:url("./background.jpg");background-size: cover;background-attachment:fixed;font-size:2.9em;display: flex;min-height: 100vh;flex-direction: column;}
h1{color:#25AAFF;text-transform: uppercase;}
main{flex: 1}
.center{text-align:  center;margin:0 auto;}
img{max-width:80%}
footer{bottom:0;}
@font-face {
    font-family: 'DINCM';
    src: url('FF_DIN_Condensed_Medium.otf');
}
#box1{
  width:82%;
  /*height:30px;*/
  font-size: 15px;
  overflow: hidden;
  color:yellow;
  display:inline-block;
  font-family:'DINCM',Helvetica;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */

  border: 39px solid #000;
  border-image: url(http://i.imgur.com/qoKODYv.png) 68% repeat;
  background-color: rgba(250,250,0,0.1);

  -webkit-animation: the_mark_best_ost 1s linear 0s infinite alternate;
     -moz-animation: the_mark_best_ost 1s linear 0s infinite alternate;
       -o-animation: the_mark_best_ost 1s linear 0s infinite alternate;
          animation: the_mark_best_ost 1s linear 0s infinite alternate;
}
#heightfix{font-size:2em;}
#box2{
    display: inline-block;
  position: relative;
  top: 0;
  margin-bottom: 40px;
  margin-left: 3px;
  width: 70px;
  height: 70px;
  background-color:yellow;
}
#triangle {
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-bottom: 50px solid gray;
  margin-top: 6px;
  margin-left: 6px;
}
#smalltriangle{
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 33px solid yellow;
  padding-top: 12px;
  margin-left: -20px;
}
@-webkit-keyframes the_mark_best_ost { from { background-color: rgba(250,250,0,0.1); } to { background-color: rgba(250,250,0,0.5); }  }
   @-moz-keyframes the_mark_best_ost { from { background-color: rgba(250,250,0,0.1); } to { background-color: rgba(250,250,0,0.5); }  }
     @-o-keyframes the_mark_best_ost { from { background-color: rgba(250,250,0,0.1); } to { background-color: rgba(250,250,0,0.5); }  }
        @keyframes the_mark_best_ost { from { background-color: rgba(250,250,0,0.1); } to { background-color: rgba(250,250,0,0.5); }  }
        -->
.shush{width:20px}
.shush:hover{width:400px}