@keyframes cloudSlideIn{from{right:-6rem}to{right:calc(100% + 6rem)}}@keyframes sailboatSlideIn{0%{left:calc(-50vw + 5rem)}20%{bottom:-2rem}40%{bottom:0}60%{bottom:-3rem}70%{bottom:-2rem}100%{bottom:0;left:calc(50vw + 12rem)}}@keyframes waves{from{left:1rem}to{left:1.5rem}}@keyframes sunGlow{from{box-shadow:0 0 10px #F9FA7D}to{box-shadow:0 0 30px #F9FA7D}}*{margin:0;padding:0;box-sizing:border-box}body.districtmap-skin{font-size:16px}section.district-content{margin:0 -.9375rem}header.district-header{min-height:3.4375rem;background:#51a4bd;color:#041d25;padding:.5rem;text-align:center}header.district-header h1{font-family:'Roboto Condensed', sans-serif;font-size:1.5rem;font-weight:300;letter-spacing:1px;margin-bottom:.2rem;text-transform:uppercase}header.district-header h2{font-family:'Roboto', sans-serif;font-size:1rem}section.districtmap{height:721px;margin:auto;background:#b1d5e0;position:relative;padding-top:1rem;overflow:hidden}section.districtmap:after{content:'';display:none;height:100%;width:100%;background:url("../img/bg.png");background-repeat:no-repeat;background-position:center}section.districtmap #progress-1::after{background-image:url("../img/progress-1.svg");left:9.312rem}section.districtmap #progress-2::after{background-image:url("../img/progress-2.svg");left:9.312rem}section.districtmap #progress-3::after{background-image:url("../img/progress-3.svg");left:9.312rem}section.districtmap #progress-4::after{background-image:url("../img/progress-4.svg");left:4.187rem}section.districtmap #progress-5::after{background-image:url("../img/progress-5.svg")}section.districtmap #progress-6::after{background-image:url("../img/progress-6.svg")}section.districtmap #progress-7::after{background-image:url("../img/progress-7.svg")}section.districtmap #progress-8::after{background-image:url("../img/progress-8.svg")}section.districtmap #progress-9::after{background-image:url("../img/progress-9.svg")}section.districtmap #progress-10::after{background-image:url("../img/progress-10.svg")}section.districtmap #progress-11::after{background-image:url("../img/progress-11.svg")}section.districtmap #progress-12::after{background-image:url("../img/progress-12.svg")}section.districtmap #progress-13::after{background-image:url("../img/progress-13.svg")}section.districtmap #progress-14::after{background-image:url("../img/progress-14.svg")}section.districtmap .road{display:block;height:calc(100% - 3.4375rem);width:100%;background:url("../img/road.svg");background-repeat:no-repeat;background-position:center;position:absolute;max-width:320px;left:calc(50% - 320px / 2)}section.districtmap .road:after{content:'';display:block;position:absolute;top:3.25rem;bottom:0;left:1rem;right:0;z-index:0;background-repeat:no-repeat}section.districtmap .road .locations a.location{text-align:center;padding:0;position:absolute;z-index:2;font-family:'Roboto Condensed', sans-serif;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin-bottom:.2rem;text-transform:uppercase;text-decoration:none;color:#222}section.districtmap .road .locations a.location:after{margin:auto;margin-top:.2rem;content:'';background:url("../img/map-pin.svg");display:block;width:1rem;height:1.625rem;transition:.2s all}section.districtmap .road .locations a.location:hover:after{margin-top:-.1rem}.locations #location-1{left:8.5rem;top:0}.locations #location-2{right:1.2rem;top:0}.locations #location-3{top:5.4rem;right:2.6rem}.locations #location-4{top:5.4rem;left:3.8rem}.locations #location-5{top:11.4rem;left:2.85rem}.locations #location-6{top:11.4rem;right:2.94rem}.locations #location-7{top:17.2rem;right:2.3rem}.locations #location-8{top:17.2rem;left:2.8rem}.locations #location-9{top:23.1rem;left:3.7rem}.locations #location-10{top:23.1rem;right:4.5rem}.locations #location-11{top:28.9rem;right:3.14rem}.locations #location-12{top:28.9rem;left:3.1rem}.locations #location-13{top:34.8rem;left:2.8rem}.locations #location-14{top:34.8rem;right:3.24rem}.sky{position:absolute;top:1rem;width:100%;height:5rem;z-index:3;pointer-events:none}.sky .sun{position:absolute;left:10%;width:20vw;height:20vw;max-height:90px;max-width:90px;border-radius:50%;background:#f9fa7d;box-shadow:0 0 10px #f9fa7d;animation-duration:1s;animation-name:sunGlow;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease}.sky .cloud{position:absolute;pointer-events:none}.sky .cloud.small{background:url("../img/cloud-small.svg");background-repeat:no-repeat;background-size:100%;height:2rem;width:3rem;display:block;content:'';top:1.8rem;left:5vw}.sky .cloud.medium{background:url("../img/cloud-big.svg");background-repeat:no-repeat;background-size:100%;height:2rem;width:4rem;display:block;content:'';top:3.4rem;left:2vw}.sky .cloud.large{background:url("../img/cloud-big.svg");background-repeat:no-repeat;background-size:100%;height:2rem;width:5rem;display:block;content:'';top:1rem;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity:.7;animation-duration:10s;animation-name:cloudSlideIn;animation-iteration-count:infinite;animation-timing-function:linear;z-index:6}.forrest .tree{position:absolute;z-index:2;top:2rem;left:2rem;background:url("../img/tree.svg");background-repeat:no-repeat;height:3rem;width:1rem;pointer-events:none}.forrest #tree-1{top:11.6rem;left:9rem}.forrest #tree-2{top:9rem;left:7rem}.forrest #tree-3{top:11rem;left:10rem}.forrest #tree-4{top:11.7rem;left:17rem}.forrest #tree-5{top:29.6rem;left:1rem}.forrest #tree-6{top:25.8rem;left:7rem}.forrest #tree-7{top:26rem;left:11rem}.forrest #tree-8{top:29rem;left:9rem}.forrest #tree-9{top:28rem;left:17rem}@media (max-width: 500px){.forrest #tree-2{top:9rem;left:5.8rem}.forrest #tree-3{top:9rem;left:11rem}.forrest #tree-4{top:11.7rem;left:18rem}.forrest #tree-8{display:none}}.waves{position:absolute;height:20%;width:100%;background:url("../img/waves.svg");background-repeat:no-repeat;pointer-events:none;bottom:-.7rem;background-size:80%;left:1rem;animation-duration:1s;animation-name:waves;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:ease;opacity:.7}.whale{position:absolute;background:url("../img/whale.svg");background-repeat:no-repeat;background-size:100%;height:4rem;width:3rem;top:4.7rem;left:8.1rem}@media (min-width: 500px){.whale{left:auto;right:-6.1rem;top:5rem;width:5rem;height:5rem}}.sailboat{position:absolute;background:url("../img/sailboat.svg");background-repeat:no-repeat;background-size:100%;height:3.5rem;width:3.6rem;bottom:0;animation-duration:20s;animation-name:sailboatSlideIn;animation-iteration-count:infinite;animation-timing-function:linear}@media (min-width: 500px){.sailboat{height:4.5rem;width:5.6rem}}.mountain{position:absolute;background:url("../img/mountain.svg");background-repeat:no-repeat;background-size:100%;height:4rem;width:6.9rem;bottom:15.9rem;right:3.4rem}
/*# sourceMappingURL=app.css.map */