/****************************/
/* Normalize relevant stuff */
/****************************/

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b, strong {
  font-weight: bold;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

small {
  font-size: 80%;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}


/****************************/
/* Make More!               */
/****************************/

html {
    background-color: rgb(255, 160, 0);
    color: #222;
    font-size: 1em;
    line-height: 1.4;
    font-family: "ArialMT", "Arial";
}

::-moz-selection {
    background: rgb(150, 112, 74);
}
::selection { /* have to be separate from the upper one */
    background: rgb(150, 112, 74);
}

.content {
    position: relative;
    text-align: center;
    margin: 2em auto 1em auto;
    max-width: 35em;
}

.makeMore {
    width: 320px;
    height: 184px;
    margin: 0 auto 1em auto;
    background-image: url(../img/make_more_web_logo_03@2x.png);
    background-size: 320px 184px;
    background-repeat: no-repeat;
}

.workingClassHero {
    width: 256px;
    height: 256px;
    margin: 0 auto 1em auto;
    background-image: url(../img/f_this_job_01@2x.gif);
    background-size: 256px;
    background-repeat: no-repeat;
    cursor: pointer;
}
    .workingClassHero.happy {
        background-image: url(../img/f_this_job_02@2x.gif);
    }

.motivational {
    position: absolute;
    top: -3em;
    right: -2em;
    width: 128px;
    height: 128px;
    background-image: url(../img/make_more_boss_poster_01@2x.png);
    background-size: 128px;
    background-repeat: no-repeat;
    transform: rotate(2deg);
}

.credits {
    position: relative;
    text-align: center;
    margin: 2em auto 1em auto;
    max-width: 35em;
}

.download {
  text-align: center;
  z-index: 1;
}
  .download a {
    display: inline-block;
    margin-right: 2px;
  }
  .download a:last-child {
    margin-right: 2;
  }


h2, h3, h4 {
    font-family: "Arial-BoldMT", "Arial Black", "Arial";
    /*text-transform: uppercase;*/
    margin-bottom: 0.5em;
    color: #fff;

    text-shadow: 1px 1px 0 #222; /* Firefox 3.5+, Opera 9+, Safari 1+, Chrome, IE10 */
    filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1); /* IE<10 */
}
    h2 a, h3 a, h4 a {
        color: #fff;
        text-decoration: none;
    }
        h2 a:hover, h3 a:hover, h4 a:hover {
            color: #fff;
            text-decoration: underline;
        }

/* preload animations */
body:after{
    display:none;
    content: url(../img/f_this_job_01@2x.gif)
             url(../img/f_this_job_02@2x.gif);
}

.links {
    margin-top: 2em;
}
    .links a, .links span {
        color: #fff;
        padding-left: 1em;
        text-decoration: none;

        text-shadow: 1px 1px 0 #222;
        filter: progid:DXImageTransform.Microsoft.Glow(Color=#000000,Strength=1);
    }
        .links a:first-child {
            padding-left: 0;
        }
        .links a:hover {
            color: #222;
            text-shadow: none;
        }


.speng {
  unicode-bidi: bidi-override;
  direction: rtl;
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.bab, .bob, .bib, .bub {
  display: none;
}