.red-monster-hidden{background-image:url("../img/colour/primary-red-hidden.png");background-repeat:no-repeat;background-position:-30px -40px}.yellow-monster-hidden{background-image:url("../img/colour/primary-yellow-hidden.png");background-repeat:no-repeat;background-position:50px 40px}.blue-monster-hidden{background-image:url("../img/colour/primary-blue-hidden.png");background-repeat:no-repeat;background-position:20px 30px}.red-monster-found{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40px;height:40px;background-image:url("../img/colour/primary-red.png");background-repeat:no-repeat;background-position:center;background-size:contain;display:none}.red-monster-svg{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:140px;height:140px}.red-monster-svg img{width:100%;height:auto}.yellow-monster-found{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40px;height:40px;background-image:url("../img/colour/primary-yellow.svg");background-repeat:no-repeat;background-position:center;background-size:contain;display:none}.blue-monster-found{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:40px;height:40px;background-image:url("../img/colour/primary-blue.svg");background-repeat:no-repeat;background-position:center;background-size:contain;display:none}.colour-navigation{margin:0px;padding:0px}.primary{margin:0px;padding:0px}.primary ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:70%;padding:0px;margin:0px auto;list-style:none;text-align:center}.primary ul li{width:100px;height:100px;margin:10px 10px;background-color:transparent;border:1px solid #908b78;display:inline-block;position:relative;border-radius:50%}.primary ul li .correct{position:absolute;right:50px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:34px;height:38px;background-image:url("../img/correct.png");background-repeat:no-repeat;display:none}.primary ul li .incorrect{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:34px;height:38px;background-image:url("../img/wrong.png");background-repeat:no-repeat;display:none}.secondary{margin:0px;padding:0px auto;position:relative}.secondary ul{width:90%;height:200px;padding:0px;margin:0px auto;list-style:none;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.secondary ul li{position:relative;margin:0px 5px;width:100px;height:100px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:50%}.secondary ul li:first-child,.secondary ul li:last-child{width:140px;height:140px}.secondary ul li.red-monster{background-image:url(../img/colour/primary-red.svg)}.secondary ul li.blue-monster{background-image:url(../img/colour/primary-blue.svg)}.secondary ul li.yellow-monster{background-image:url(../img/colour/primary-yellow.svg)}.secondary ul li.tint-monster{width:100px;height:100px;border-radius:50%;background-color:white}.secondary ul li.shade-monster{width:100px;height:100px;border-radius:50%;background-color:black}.secondary ul li.schemes{display:block;width:120px;height:120px;z-index:999}.scheme{margin:0px;padding:0px auto;position:relative}.scheme ul{width:90%;height:200px;padding:0px;margin:0px auto;list-style:none;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.scheme ul li{margin:0px 2px;width:140px;height:140px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:50%;display:none}.scheme ul li.red-monster{background-image:url(../img/colour/primary-red.svg)}.scheme ul li.blue-monster{background-image:url(../img/colour/primary-blue.svg)}.scheme ul li.yellow-monster{background-image:url(../img/colour/primary-yellow.svg)}.scheme ul li.tint-monster{width:100px;height:100px;border-radius:50%;background-color:white}.scheme ul li.shade-monster{width:100px;height:100px;border-radius:50%;background-color:black}.background-enviroment{max-width:1280px;width:100%;position:fixed;bottom:0px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1;display:none}.background-enviroment .environment-item{padding:0px;margin:0px;position:absolute}.background-enviroment .environment-item .arrow{padding:0px;margin:0px;position:absolute;display:none}.background-enviroment .environment-item .arrow.left{top:0px;right:-70px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:pulse_arrow_left;animation-name:pulse_arrow_left;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.background-enviroment .environment-item .arrow.middle{top:-90px;left:50%;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:pulse_arrow_middle;animation-name:pulse_arrow_middle;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.background-enviroment .environment-item .arrow.right{top:0px;left:-40px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:pulse_arrow_right;animation-name:pulse_arrow_right;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}@-webkit-keyframes pulse_arrow_middle{0%{top:-90px}50%{top:-70px}100%{top:-90px}}@keyframes pulse_arrow_middle{0%{top:-90px}50%{top:-70px}100%{top:-90px}}@-webkit-keyframes pulse_arrow_left{0%{top:0px;right:-70px}50%{top:20px;right:-50px}100%{top:0px;right:-70px}}@keyframes pulse_arrow_left{0%{top:0px;right:-70px}50%{top:20px;right:-50px}100%{top:0px;right:-70px}}@-webkit-keyframes pulse_arrow_right{0%{top:0px;left:-40px}50%{top:20px;left:-20px}100%{top:0px;left:-40px}}@keyframes pulse_arrow_right{0%{top:0px;left:-40px}50%{top:20px;left:-20px}100%{top:0px;left:-40px}}.background-enviroment .environment-item figure{position:absolute;padding:0px;margin:0px;z-index:999}.background-enviroment .environment-item svg,.background-enviroment .environment-item img{width:100%;height:auto}.background-enviroment .environment-item.round-tree{width:275px;bottom:0px;left:-50px}.background-enviroment .environment-item.round-tree img,.background-enviroment .environment-item.round-tree svg{width:100%}.background-enviroment .environment-item.pond{width:655px;bottom:0px;right:150px}.background-enviroment .environment-item.pond img,.background-enviroment .environment-item.pond svg{width:100%}.background-enviroment .environment-item.tall-tree{width:180px;bottom:10px;right:-25px}.background-enviroment .environment-item.tall-tree img,.background-enviroment .environment-item.tall-tree svg{width:100%}@media screen and (min-width: 600px) and (max-width: 1040px){.primary ul{width:70%}.secondary ul{height:150px}.secondary ul li{width:100px;height:100px}.secondary ul li:first-child,.secondary ul li:last-child{width:120px;height:120px}.background-enviroment .environment-item.round-tree{width:200px;left:-20px}.background-enviroment .environment-item.pond{width:630px}.background-enviroment .environment-item.tall-tree{width:160px}}@media screen and (min-width: 600px) and (max-width: 800px){.primary ul{width:70%}.background-enviroment .environment-item.round-tree{width:200px;bottom:0px;left:-20px}.background-enviroment .environment-item.pond{width:555px;bottom:0px;right:150px}.background-enviroment .environment-item.tall-tree{width:160px;bottom:10px;right:-25px}}@media screen and (max-width: 600px){.primary{margin:0px;padding:0px}.primary ul{width:50%;margin:0px auto}.primary ul li{width:100px;height:100px;margin:10px 10px}.secondary ul{height:auto;display:block;margin-bottom:100px}.secondary ul li{margin:0px auto;display:block;width:80%;height:50px;display:inline-block;background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:inherit}.scheme{margin:0px;padding:0px auto;position:relative}.scheme ul{width:90%;height:200px;padding:0px;margin:0px auto;list-style:none;position:relative;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.scheme ul li{margin:0px 2px;width:90px;height:90px}.background-enviroment .environment-item.round-tree{width:110px;bottom:0px;left:-20px}.background-enviroment .environment-item.pond{width:255px;bottom:-5px;right:80px}.background-enviroment .environment-item.tall-tree{width:90px}}