html { font-size: 34; text-color:#21201c }
h1 { font-size: 38; }
h2 { font-size: 36; }
h4 { font-size: 26; color: #666666; margin-top: 0px; }
p, a { font-size: 34; }
a:link { color: #b90c0c; text-decoration: none }
a:active { color: #b90c0c; text-decoration: none }
a:visited { color: #b90c0c; text-decoration: none }
a:hover { color: #200a06; text-decoration: none }

a.gamelink {
    color: #200a06;
    text-color: #200a06;
    font-weight: bold;
    line-height: normal;
}
a.gamelink:link { color: #200a06; text-decoration: none }
a.gamelink:active { color: #200a06; text-decoration: none }
a.gamelink:visited { color: #200a06; text-decoration: none }
a.gamelink:hover { color: #b90c0c; text-decoration: none; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.15); }

.gameimage {
    border-radius: 12px;
    border-color: rgba(0, 0, 0, 0.33);
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.33);
    margin-bottom: 8px;
    /*object-fit: cover;*/
}

.flashonly {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.66;
    /*pointer-events: none;*/
}

.okicon {
    /*display: none;*/
}
.flashicon {
    /*display: none;*/
}
.okpuffin {
    display: none;
}
.notmobileicon {
    /*display: none;*/
}

.img_wrp {
  display: inline-block;
  position: relative;
  width: 100%;
}
.corner {
  position: absolute;
  top: -10px;
  right: 12px;
  text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.8), 3px 3px 4px rgba(0, 0, 0, 0.5);
  font-size: 38;
}

.instructions {
  width: 95%
}

@media all and (min-device-width: 481px)
{
    html { font-size: 16px; }
    h1 { font-size: 24px; }
    h2 { font-size: 22px; }
    p,a { font-size: 16px; }

    a:link { color: #b90c0c; text-decoration: none }
    a:active { color: #b90c0c; text-decoration: none }
    a:visited { color: #b90c0c; text-decoration: none }
    a:hover { color: #200a06; text-decoration: none }

    .corner { font-size: 28; }
    .instructions { width: 65% }

    /*.notmobile {*/
    /*  -webkit-filter: none;*/
    /*  filter: none;*/
    /*  opacity: 1;*/
    /*}*/
    
    .okicon {
        /*display: none;*/
    }
    .flashicon {
        /*display: none;*/
    }
    .okpuffin {
        display: none;
    }
    .notmobileicon {
        display: none;
    }
}