body,html{margin:0;padding:0}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}.box{position:absolute;background-color:transparent;-webkit-transition:all 2s linear;transition:all 2s linear}.square{width:100%;height:0;padding-bottom:100%}.round{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.fill{position:absolute;background-color:transparent;top:0;bottom:0;left:0;right:0;overflow:hidden}#universe{background-color:#000;color:#fff}#space{background:#000 url(../images/background.png) repeat 5% 5%;position:absolute;color:#fff;top:-100%;bottom:-100%;left:-100%;right:-100%;-webkit-transition:all 2s linear;transition:all 2s linear}#sunBox{width:8%;position:absolute;-webkit-transition:all 2s linear;transition:all 2s linear}#sun{background-color:#ff0;box-shadow:0 0 0 8px rgba(255,255,0,.1)}#moonBox{width:7%;overflow:hidden;opacity:0}.night #moonBox{opacity:1}#moon{background-color:#fff;position:relative}#moon:before{content:"";width:100%;height:100%;display:block;position:absolute;border-radius:50%;right:-20%;top:7%;background:#000;opacity:.92}#world{background-color:#87ceeb;color:#000;-webkit-transition:background-color 4s linear;transition:background-color 4s linear;margin-top:0}#world.night{background-color:transparent;color:#fff}#message{position:relative}.cloudBox{top:10%;left:5%;right:5%}.cloud{width:100px;height:30px;background:#fff;filter:alpha(opacity=80);opacity:.8;border-radius:200px;-moz-border-radius:200px;-webkit-border-radius:200px;position:relative}.cloud:after,.cloud:before{content:'';background:#fff;width:50px;height:40px;position:absolute;top:-7px;left:5px;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;-webkit-transform:rotate(30deg);transform:rotate(30deg);-moz-transform:rotate(30deg)}.cloud:after{width:60px;height:60px;top:-27px;left:auto;right:7px}#boat>.payload,#world .message,.item>h2{width:100%;text-align:center}#ground{background-color:#feb13d;top:50%;z-index:6}#hills{position:absolute;top:30%;height:100%;width:100%}.hill{position:absolute;margin-left:5%;background-color:#498a6d;border-radius:20%;-webkit-transform:rotate(45deg);transform:rotate(45deg);-moz-transform:rotate(45deg);width:50%;height:0;padding-bottom:50%}#hills .hill:nth-child(1){left:30%;top:15%;background-color:#7ec172;border-radius:10%}#river{background-image:url(../images/river.png);background-repeat:no-repeat;background-size:100% 100%;position:absolute;top:0;bottom:0;left:20%;right:30%}#boatBox{background-color:transparent;position:absolute;width:20%;height:30%;top:50%;left:20%;-webkit-transition:left 2s;transition:left 2s;color:#000;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}#boatBox.right{left:80%}.boat{border-color:brown transparent transparent;border-style:solid;border-width:20px}.payload{width:50%;height:30%;bottom:50%;margin-top:50%;margin-left:50%}.field{color:#000;top:30%;bottom:10%}.field.left{left:1%;right:71%}.field.right{right:1%;left:71%}.field .item{height:20%;margin:5% 2% 0;width:20%;float:right;clear:both}.field.right .item{float:left}.field.left .item{float:right}#boat,.field,.item{cursor:pointer}.pull-right{float:right!important}.animate-show{opacity:1;-webkit-transition:all linear .5s;transition:all linear .5s}.animate-show.ng-hide-add,.animate-show.ng-hide-remove{display:block!important}.animate-show.ng-hide-add.ng-hide-add-active,.animate-show.ng-hide-remove.ng-hide-remove-active{-webkit-transition:all linear .1s;transition:all linear .1s}.animate-show.ng-hide{opacity:0;-webkit-transition:all linear .1s;transition:all linear .1s}.debug .debugBox{border:1px solid red}.img-responsive{max-width:100%;height:auto}