* {
    margin:0;
    font-family: 'Anonymous Pro', monospace;
}



#main #button {
    width: 453px;
   height: 230px;
   overflow: hidden;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: -115px;
   margin-left: -226px;
   background: url(../images/button.png) top left no-repeat;
     background-position-x: left;
     background-position-y: top;
   cursor: pointer;
 }
 
 #main
 {
   width: 100%;
   height: 100vh;
   background: url(../images/background-blur.jpg) top left no-repeat;
   overflow: hidden;
 }
 
 #main #progress
 {
   width: 453px;
   height: 96px;
   overflow: hidden;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -226px;
   margin-top: -180px;
   background: url(../images/progress.png) top left no-repeat;
 }
 
 #main #answer
 {
   width: 453px;
   height: 230px;
   overflow: hidden;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -226px;
   margin-top: -145px;
   background: #167519;
   border: 10px solid #025200;
   border-radius: 20px;
   font-family: 'Anonymous Pro', monospace;
   box-shadow: #555 5px 5px 25px;
 }
 
 div#main div#answer h4
 {
   text-align: center;
   margin: 26px 10px 20px 10px;
   font-size: 32px;
   color: white;
 }
 
 div#main div#answer p
 {
   text-align: center;
   margin: 0px 25px;
   font-size: 18px;
   line-height: 1.2em;
   color: white;
 }
 
 div#answer p.button
 {
   padding: 20px 0px;
 }
 
 div#answer p.button span
 {
   text-transform: uppercase;
   padding: 5px 50px;
   border: 0px solid #903;
   border-radius: 15px;
   box-shadow: 1px 1px 4px #051f00;
   background: rgba(255, 255, 255, 0.7);
   cursor: pointer;
   color: #189900;
   font-weight: 700;
 }
 
 div#main div#progress div#bar
 {
   position: relative;
   width: 453px;
   height: 96px;
 }
 
 div#main div#progress div#bar p
 {
   position: absolute;
   top: 20px;
   left: 0px;
   width: 435px;
   text-align: center;
   font-family: 'Anonymous Pro', monospace;
   font-size: 19px;
   margin:0;
   font-weight: 700;
 }
 
 div#main div#progress div#bar div#line
 {
   position: absolute;
   top: 54px;
   left: 53px;
   width: 0px;
   height: 10px;
   background: #2BCF18;
 }

 div#main div#shareBlock
{
  height: 20px;
  width: 330px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -165px;
  text-align: center;
  -webkit-filter: grayscale(100%);
}

.fb_iframe_widget
{
  display: inline-block;
  position: relative;
}

.PIN_1706504452255_button_pin.PIN_1706504452255_save:hover
{
  background-color: #e60023;
  box-shadow: none;
  color: #fff !important;
}

.PIN_1706504452255_button_pin.PIN_1706504452255_save
{
  border-radius: 2px;
  text-indent: 20px;
  width: auto;
  padding: 0 4px 0 0;
  text-align: center;
  text-decoration: none;
  font: 11px/20px "Helvetica Neue", Helvetica, sans-serif;
    font-weight: normal;
  font-weight: bold;
  color: #fff !important;
  background: #e60023 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxIj48L3BhdGg+PHBhdGggZD0iTTE0LjczMywxLjY4NiBDNy41MTYsMS42ODYgMS42NjUsNy40OTUgMS42NjUsMTQuNjYyIEMxLjY2NSwyMC4xNTkgNS4xMDksMjQuODU0IDkuOTcsMjYuNzQ0IEM5Ljg1NiwyNS43MTggOS43NTMsMjQuMTQzIDEwLjAxNiwyMy4wMjIgQzEwLjI1MywyMi4wMSAxMS41NDgsMTYuNTcyIDExLjU0OCwxNi41NzIgQzExLjU0OCwxNi41NzIgMTEuMTU3LDE1Ljc5NSAxMS4xNTcsMTQuNjQ2IEMxMS4xNTcsMTIuODQyIDEyLjIxMSwxMS40OTUgMTMuNTIyLDExLjQ5NSBDMTQuNjM3LDExLjQ5NSAxNS4xNzUsMTIuMzI2IDE1LjE3NSwxMy4zMjMgQzE1LjE3NSwxNC40MzYgMTQuNDYyLDE2LjEgMTQuMDkzLDE3LjY0MyBDMTMuNzg1LDE4LjkzNSAxNC43NDUsMTkuOTg4IDE2LjAyOCwxOS45ODggQzE4LjM1MSwxOS45ODggMjAuMTM2LDE3LjU1NiAyMC4xMzYsMTQuMDQ2IEMyMC4xMzYsMTAuOTM5IDE3Ljg4OCw4Ljc2NyAxNC42NzgsOC43NjcgQzEwLjk1OSw4Ljc2NyA4Ljc3NywxMS41MzYgOC43NzcsMTQuMzk4IEM4Ljc3NywxNS41MTMgOS4yMSwxNi43MDkgOS43NDksMTcuMzU5IEM5Ljg1NiwxNy40ODggOS44NzIsMTcuNiA5Ljg0LDE3LjczMSBDOS43NDEsMTguMTQxIDkuNTIsMTkuMDIzIDkuNDc3LDE5LjIwMyBDOS40MiwxOS40NCA5LjI4OCwxOS40OTEgOS4wNCwxOS4zNzYgQzcuNDA4LDE4LjYyMiA2LjM4NywxNi4yNTIgNi4zODcsMTQuMzQ5IEM2LjM4NywxMC4yNTYgOS4zODMsNi40OTcgMTUuMDIyLDYuNDk3IEMxOS41NTUsNi40OTcgMjMuMDc4LDkuNzA1IDIzLjA3OCwxMy45OTEgQzIzLjA3OCwxOC40NjMgMjAuMjM5LDIyLjA2MiAxNi4yOTcsMjIuMDYyIEMxNC45NzMsMjIuMDYyIDEzLjcyOCwyMS4zNzkgMTMuMzAyLDIwLjU3MiBDMTMuMzAyLDIwLjU3MiAxMi42NDcsMjMuMDUgMTIuNDg4LDIzLjY1NyBDMTIuMTkzLDI0Ljc4NCAxMS4zOTYsMjYuMTk2IDEwLjg2MywyNy4wNTggQzEyLjA4NiwyNy40MzQgMTMuMzg2LDI3LjYzNyAxNC43MzMsMjcuNjM3IEMyMS45NSwyNy42MzcgMjcuODAxLDIxLjgyOCAyNy44MDEsMTQuNjYyIEMyNy44MDEsNy40OTUgMjEuOTUsMS42ODYgMTQuNzMzLDEuNjg2IiBmaWxsPSIjZTYwMDIzIj48L3BhdGg+PC9nPjwvc3ZnPg==) 3px 50% no-repeat;
    background-color: rgb(230, 0, 35);
    background-size: auto;
  background-size: 14px 14px;
  -webkit-font-smoothing: antialiased;
  position: relative;
  top: -6px;
}

.PIN_1706504452255_button_pin
{
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  box-shadow: inset 0 0 1px #888;
  border-radius: 3px;
  height: 20px;
  width: 40px;
  -webkit-font-smoothing: antialiased;
  background-size: 75%;
  position: relative;
  font: 12px "Helvetica Neue", Helvetica, arial, sans-serif;
  color: #555;
  text-align: center;
  vertical-align: baseline;
}

div#feedback
{
  position: absolute;
  bottom: 10px;
  left: 40px;
  font-family: 'Anonymous Pro', monospace;
  font-size: 10px;
  text-align: center;
  width: 50px;
  height: 35px;
  cursor: pointer;
}

div#feedback a
{
  text-decoration: none;
  color: #999999;
}

div#feedback a div#logo
{
  width: 25px;
  height: 25px;
  background: url(../images/logotype.png) right top;
  margin: 0px auto;
}

div#feedback a:hover
{
  text-decoration: none;
  color: #333333;
}

div#feedback a:hover div#logo
{
  background: url(../images/logotype.png) left top;
}

#author {
  position: relative;
  bottom: 60px;
 font-weight: 700;
 font-size: 20px;
 font-style: italic;
}

#author a {
    color:#000;
    text-decoration:none;
} 

@media only screen and (max-width:525px) {
    div#main {
        /* height:50vh; */
        position: relative;
    }
    div#main img.background {
        height:100%!important;
    }

    div#feedback {
        left:0px;
    }
    div#main div#answer
{
  width: 95%;
  height: 230px;
  margin-left:-50%;
  
}

div#main div#answer h4{
    font-size:24px;
}
div#main div#answer p {
    font-size:16px;
}
}