html{font-size:22px;line-height:1.3;font-family:"Life Savers",cursive}h1,h2,h3{padding:0px;margin:0px;line-height:1.3}h1{font-size:2em;font-weight:700;letter-spacing:0.05em}h2{font-size:1.6em;font-weight:400}h3{font-size:0.8em;font-weight:400}@media screen and (max-width: 600px){h1{font-size:1.8em;font-weight:700;letter-spacing:0.05em}h2{font-size:1.3em;font-weight:400}}/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */html{color:#343434}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}img{max-width:100%;height:auto}.wrapper{max-width:1280px;width:100%;height:100vh;padding:0px;margin:0px auto;position:relative}.fixed-top{width:100%;position:fixed;top:0px;left:0px;z-index:888}.header-popup-block{top:10px;right:0px;z-index:999;display:block;padding:0.2em 0.7em 0.2em 0.5em;width:60%;height:100px;font-size:1em;text-align:center}.header-popup-block:before{content:'';position:absolute;left:0px;bottom:-10px;overflow:visible;width:100%;height:350px;z-index:-1;-webkit-backface-visibility:hidden;backface-visibility:initial}.header-popup-block p{padding:0px;margin:0px}.site-content-inside{width:100%;margin:160px 0px;padding:0px}.site-content{width:100%;margin:0px;padding:0px;height:60%}.site-content .home-elements{position:relative;margin:0px;padding:0px}.flexlayout{margin:0px;padding:0px;display:flex;align-items:flex-start}.flexlayout.column{flex-direction:column;align-items:flex-end}.flexlayout.center{justify-content:center}.flexlayout.spaced{justify-content:space-between}.flexlayout.right{justify-content:flex-end}.flexlayout.nowrap{flex-wrap:nowrap}.flexlayout.wrap{flex-wrap:wrap}.content-logo{position:relative;margin:0px;padding:0px;width:100%;flex:0 0 100%}.header-popup-block{flex:0 0 100%}@media screen and (min-width: 600px){.fixed-top{position:relative}.header-popup-block{position:relative;top:0px;right:0px;padding:0.7em;width:60%;height:180px;font-size:1.8em;flex:0 0 42%}.content-logo{position:relative;margin:0px;padding:0px;flex:0 0 20%}.header-popup-block{flex:0 0 60%}.site-content-inside{margin:0px 0px}}body{background-color:#ded7c4;background-image:url(../img/paper.jpg);background-position:top center;overflow:hidden}.offset-logo{width:194px;height:238px;padding:0px;margin:0px;position:relative;top:-20px;left:-15px}.offset-logo img{width:100%;height:auto;position:absolute;top:0px;left:0px}@-webkit-keyframes headmove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(6deg) translate3d(2px, -5px, 0px);transform:rotate(6deg) translate3d(2px, -5px, 0px)}50%{-webkit-transform:rotate(6deg) translate3d(2px, -5px, 0px);transform:rotate(6deg) translate3d(2px, -5px, 0px)}60%{-webkit-transform:rotate(10deg) translate3d(-2px, 2px, 0px);transform:rotate(10deg) translate3d(-2px, 2px, 0px)}70%{-webkit-transform:rotate(-4deg) translate3d(2px, -2px, 0px);transform:rotate(-4deg) translate3d(2px, -2px, 0px)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes headmove{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(6deg) translate3d(2px, -5px, 0px);transform:rotate(6deg) translate3d(2px, -5px, 0px)}50%{-webkit-transform:rotate(6deg) translate3d(2px, -5px, 0px);transform:rotate(6deg) translate3d(2px, -5px, 0px)}60%{-webkit-transform:rotate(10deg) translate3d(-2px, 2px, 0px);transform:rotate(10deg) translate3d(-2px, 2px, 0px)}70%{-webkit-transform:rotate(-4deg) translate3d(2px, -2px, 0px);transform:rotate(-4deg) translate3d(2px, -2px, 0px)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.offset-logo .headmove{-webkit-animation-duration:8s;animation-duration:8s;-webkit-animation-name:headmove;animation-name:headmove;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.header-navigation{position:absolute;right:0px;top:0px;width:80px;height:50px;z-index:999}.header-navigation .header-btn{width:70px;height:70px;display:block;margin:0px 1%;padding:2px;border-radius:50%;background-color:#343434;border:2px solid #fff}.header-navigation .header-btn img{width:100%;margin-top:0px}.header-navigation .header-btn:active{background-color:#bf570d}@-webkit-keyframes pulse_btn{0%{background-color:#343434}50%{background-color:#bf570d}100%{background-color:#343434}}@keyframes pulse_btn{0%{background-color:#343434}50%{background-color:#bf570d}100%{background-color:#343434}}.pulse{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:pulse_btn;animation-name:pulse_btn;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.homepage-grid{margin:0px;padding:0px;display:flex;justify-content:space-between}.world-block{width:50%;margin:0px;padding:0px;display:block;margin-bottom:10px;padding-left:0.5em}.world-block:first-child{padding-left:0em}.world-block.side-padding{padding:0px 0em}.worlds{flex:0 1 auto;text-align:center;padding:0.5em;margin:0px 0px 0px 0px;background-color:rgba(52,52,52,0.6);color:white}.worlds:active,.worlds:focus,.worlds:hover{background-color:#bf570d}.worlds a{width:100%;display:inline-block;color:white}.pattern-block{flex:0 1 auto;background-repeat:repeat;background-position:top center;background-size:auto;height:200px;height:42vh;text-align:center;padding:0px 0.5em}.pattern-block.colour{background-image:url(../img/pattern-colour.png)}.pattern-block.house{background-image:url(../img/pattern-house.png)}.pattern-block.type{background-image:url(../img/pattern-type.jpg)}a{text-decoration:none}.user-goals{position:fixed;top:0px;left:0px;background-color:#333;height:100%;width:0;overflow:hidden;transition:0.5s;padding:0px;z-index:999;overflow:auto}.user-goals article{width:275px;padding:20px;overflow:hidden}.user-goals h1,.user-goals h2,.user-goals h3{color:white}.user-goals h2{border-bottom:1px solid white;margin:5px 0px}.user-goals .close-btn{width:100%;margin:0px 1% 1em 0px;background-color:white;border:2px solid #fff}.user-goals .close-btn img{width:8%}.user-goals .close-btn:active{background-color:#bf570d}.user-goals .clear-btn{width:100%;padding:5px;margin:0px 1% 1em 0px;background-color:white;border:2px solid #fff;color:black;font-size:0.6em}.user-goals .clear-btn:active{background-color:#bf570d}#goodsimple-goal img,#groups-goal img,#closure-goal img{display:none}.colour-goals,.shapes-goals,.type-goals{margin:0px;padding:0px;overflow:hidden;width:240px}.colour-goals div,.shapes-goals div,.type-goals div{min-height:20px}.colour-goals ul,.shapes-goals ul,.type-goals ul{margin:0px;padding:0px;list-style:none;overflow:hidden}.colour-goals ul li,.shapes-goals ul li,.type-goals ul li{display:inline-block;width:20px;height:20px;margin:5px;border:1px white solid}.red-text{color:red}.red-background{background-color:red}.red-svg path{fill:red}.red-tint{background-color:#ff4d4d}.red-shade{background-color:#b30000}.red-svg-tint path{fill:#ff4d4d}.red-svg-shade path{fill:#b30000}.yellow-text{color:#f1e308}.yellow-background{background-color:#f1e308}.yellow-svg path{fill:#f1e308}.yellow-tint{background-color:#f5eb52}.yellow-shade{background-color:#a99f06}.yellow-svg-tint path{fill:#f5eb52}.yellow-svg-shade path{fill:#a99f06}.blue-text{color:#0062ff}.blue-background{background-color:#0062ff}.blue-svg path{fill:#0062ff}.blue-tint{background-color:#4d91ff}.blue-shade{background-color:#0045b3}.blue-svg-tint path{fill:#4d91ff}.blue-svg-shade path{fill:#0045b3}.purple-text{color:purple}.purple-background{background-color:purple}.purple-svg path{fill:purple}.purple-tint{background-color:#a64da6}.purple-shade{background-color:#5a005a}.purple-svg-tint path{fill:#a64da6}.purple-svg-shade path{fill:#5a005a}.orange-text{color:orange}.orange-background{background-color:orange}.orange-svg path{fill:orange}.orange-tint{background-color:#ffc04d}.orange-shade{background-color:#b37400}.orange-svg-tint path{fill:#ffc04d}.orange-svg-shade path{fill:#b37400}.green-text{color:green}.green-background{background-color:green}.green-svg path{fill:green}.green-tint{background-color:#4da64d}.green-shade{background-color:#005a00}.green-svg-tint path{fill:#4da64d}.green-svg-shade path{fill:#005a00}.yellow-dark-text{color:#c0bb29}.brown-svg path{fill:#8E7C68}@media screen and (max-width: 600px){body{overflow:auto}.fixed-top{min-height:100px;background-color:#ffffff}.offset-logo{width:35%}.header-popup-block{text-align:center;width:100%}.homepage-grid{margin:0px;padding:0px;display:block;justify-content:space-between}.header-navigation{left:0px;bottom:-40px;top:auto;width:180px;height:50px}.header-navigation .header-btn{width:50px;height:50px;display:inline-block}.world-block{flex:1 0 0;display:flex;padding-left:0em}.worlds{flex:2 1 0;text-align:left;padding:0.5em;margin:0px 0px 0px 0px}.pattern-block{flex:1 1 0;background-repeat:repeat;background-position:top center;background-size:auto;height:150px}.site-content{margin-top:220px}}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}