a {
    background-color: #fff;
    color: #000;
    font-style: italic;
}
a:active {
filter: invert(1);
}
.title {
    font-size: 46px !important;
    text-align: center !important;
}
body {
    background: white url(photos/stars.gif) top right;
    background-size: 250px;
    font: 26px/2 "sarif";
    color: #fff;
}
.box {
    text-align: center;
    margin: auto;
    max-width: 350px;
    padding-top: 85px;
}
/* for mobile message only used on homepage */
.notFound {
    padding-top: 250px;
    font-size: 40px;
}
.keys {
    position: absolute;
    filter: saturate(0) invert(1);
    
}
#one {
    top: 2%;
    left: 6%;
    width: 158px;
}
#two {
    bottom: 27%;
    left: 6%;
    width: 160px;
}
#four {
    top: 34%;
    right: 9%;
    width: 100px;
}
#twelve {
    bottom: 10%;
    left: 60%;
    width: 100px;
}
#eight {
    top: 14%;
    left: 50%;
    width: 150px;
}
#nine {
    bottom: 7%;
    left: 28%;
    width: 75px;
}
#thirteen {
    top: 28%;
    left: 20%;
    width: 133px;
}
#eleven {
    bottom: 22%;
    right: 11%;
    width: 169px;
}