* {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}

.container {
    padding-top: 70px;
}

ul.block {
    margin: 0;
    padding: 0;
    height: 565px;
    width: 565px;
    margin: 0 auto;
}

ul.block li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #eee;
    display: inline-block;
    height: 32.5%;
    width: 32.5%;
}

ul.block li:hover {
    background: #ccc;
}

ul.block li.nought {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiMwMDgzRDMiIGQ9Ik00OS42NjcsMjJjMTUuNDM5LDAsMjgsMTIuNTYxLDI4LDI4cy0xMi41NjEsMjgtMjgsMjhzLTI4LTEyLjU2MS0yOC0yOFMzNC4yMjcsMjIsNDkuNjY3LDIyIE00OS42NjcsMTINCgljLTIwLjk4NywwLTM4LDE3LjAxMy0zOCwzOHMxNy4wMTMsMzgsMzgsMzhzMzgtMTcuMDEzLDM4LTM4UzcwLjY1MywxMiw0OS42NjcsMTJMNDkuNjY3LDEyeiIvPg0KPC9zdmc+DQo=') #A4DBF7 no-repeat;
    background-position: center center;
    background-size: 100%;
}

ul.block li.cross {
    background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTAwcHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9Im5vbmUiIHBvaW50cz0iLTgwLjA3MSwyMCAtMTQxLjc2MiwyMCAtMTEwLjkxNyw1MC44NDYgIi8+DQo8cG9seWdvbiBmaWxsPSJub25lIiBwb2ludHM9Ii0xMzkuOTI5LDk0IC04MS45MDQsOTQgLTExMC45MTcsNjQuOTg4ICIvPg0KPHBvbHlnb24gZmlsbD0iI0NFNjIwMCIgcG9pbnRzPSI4Ny4wNzEsMTIgNzUuMTI5LDEyIDQ5LjA4Myw0My43OTYgMjMuMDM3LDEyIDExLjA5NSwxMiA0My4xMTIsNTAuOTQ1IDEyLjY0NCw4OCAyNC41ODUsODggDQoJNDkuMDgzLDU4LjA5NCA3My41ODEsODggODUuNTIzLDg4IDU1LjA1NCw1MC45NDUgIi8+DQo8L3N2Zz4NCg==') #F9A058 no-repeat;
    background-position: center center;
    background-size: 100%;
}

.fade {
    opacity: 0.3;
}

.questionPadding {
    padding-top: 50px;
}

.bigger {
    font-size: 150%;
}

.large {
    font-size: 220%;
}