/*
|       |             |        \|       |
 \      | /       /  \\\   --__ \\       :
  \     \/   _--~~          ~--__| \     |
   \_    \        _.--------.______\|   |
      \    \______// _ ___ _ (_(__>  \   |
       \   . C ___)  ______ (_(____>  |  /
       /\ |  C ____)/      \ (_____>  |_/
      / /\|  C_____)       |  (___>   /  \
     |   (  _C_____)\______/  // _/ /     \
     |   \  |__   \\_________// (__/       |
    | \   \____)   `----   --'             |
    |  \_         ___\       /_          _/ |
   |            /    /       \  \           |
   |         / /    |         |  \           |
   |        / /      \__/\___/    |          |
  |        / /        |    |       |         |

  Fuck you. 
  The colors in this CSS are not the same as Zuck uses.
  They differ.

*/
@font-face {
    font-family: 'Arial';
    font-weight: bold;
    font-style: bild;

}

textarea { word-break: break-wordl; }
textarea { -ms-word-break: break-word; }
@media all and (-ms-high-contrast:none) {
*::-ms-backdrop, textarea { white-space: pre; } 
}

body {
     background: #f8f8f8;

}

#all {
    text-align: center;
    width: 100%;
}

#content {
    background-image: url(sad_zuck_template.jpg);
    background-color: #f8f8f8;
    background-repeat: no-repeat;
    border-radius: 3px;
    height: 512px;
    width: 1024px;
    text-align: center;
    margin: 0 auto;
    display: table;
}

#f {
    left: 0px;
    top: 0px;
    width: 100%;
}
#s {
    text-align: center;
    top: 540px;
    position: relative;
    margin: auto;
    padding: 10px;
    font-family: Arial, sans-serif;
    font-size: 21px;
    border: none;
    border-radius: 3px;
    background: #41b629;
    color: white;
}
#rb {
    text-align: center;
    top: 525px;
    height: 38px;
    padding-top: 10px;
    position: relative;
    margin: auto;
    font-family: Arial, sans-serif;
    border-radius: 3px;
    background: #3a5897;
    color: white;
    font-size: 21px;
}

#t {
    width: 1018px;
    height: 60px;
    left: calc(50% - 512px);
    top: 8px;
    position: absolute;
    margin: 0;
    border: none;
    resize: none;
    font-family: Arial;
    font-weight: bold;
    font-size: 44px;
    line-height: 60px;
    text-align: center;
    overflow: hidden;
    outline: none;
    background: none;
    color: white;
    text-shadow: 1px 1px 4px #000;
}

#t:focus {
    border-radius: none;
}

#bs {
    position: absolute;
    top: 438px;
    font-family: Arial;
    font-size: 68px;
    text-shadow: 1px 1px 4px #000;
    color: white;
    font-weight: 900;
    width: 1024px;
    height: auto;
    white-space: nowrap;
    letter-spacing: -1px;
}

#fm {
    position: absolute;
    font-family: Arial;
    font-weight: bold;
    visibility: hidden;
    margin: 3px;
    width: auto;
    height: auto;
    white-space: nowrap;
}

::placeholder {
  color: lightgrey;
  opacity: 1;
}