body{margin:0;padding:0;font-family:'Roboto',sans-serif}
a{color:#2fa6c8}
@keyframes rotateElement{0%{transform:translate(0, 0)} 100%{transform:translate(-10em, 0)}}@keyframes orbit{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}@keyframes blink{0%{transform:scaleY(1)} 95%{transform:scaleY(1)} 97%{transform:scaleY(0)}}@keyframes bounce{0%{margin-top:2em;margin-bottom:20px}}@keyframes bounce-shadow{0%{opacity:.4;transform:scale(.75, .4)} 100%{opacity:.15;transform:scale(1.8, .8)}}@keyframes boing{0%{transform:translateY(-10px);transform:translateY(90px)}}.bg-img{position:absolute;left:50%;top:50vh;margin-left:-100vw;margin-top:-100vh;width:200vw;height:auto;animation:none;transform-origin:center center;transition:all .3s ease;animation:orbit 80s linear infinite;animation-play-state:paused}@media all and (max-width:900px){.bg-img{display:none}}header:hover .bg-img{animation-play-state:running;transition:all .3s ease}
.microbit{position:relative;display:block;width:4.5em;height:2em;border:.75em solid #f00;border-radius:2em;background:#fff;box-shadow:0 0 0 rgba(0,0,0,0);z-index:4000}.microbit:before,.microbit:after{content:'';display:block;position:absolute;height:.75em;width:.75em;left:.75em;top:.6em;border-radius:1em;background:#f00}
.microbit:after{left:auto;right:.75em}
.microbit.large-icon{display:inline-block}
.microbit.mary{border-color:#5db24a}.microbit.mary:before,.microbit.mary:after{background:#5db24a}
.microbit.meena{border-color:#2fa6c8}.microbit.meena:before,.microbit.meena:after{background:#2fa6c8}
.microbit.mahiri{border-color:#000}.microbit.mahiri:before,.microbit.mahiri:after{background:#000}
.microbit.meixiu{border-color:#000}.microbit.meixiu:before,.microbit.meixiu:after{background:#000}
.microbit.marja{border-color:#263dde}.microbit.marja:before,.microbit.marja:after{background:#263dde}
.microbit.mohandas{border-color:#d4b81b}.microbit.mohandas:before,.microbit.mohandas:after{background:#d4b81b}
.microbit.monifa{border-color:#d4391b}.microbit.monifa:before,.microbit.monifa:after{background:#d4391b}
.microbit.macaroni{border-color:#11e3fe}.microbit.macaroni:before,.microbit.macaroni:after{background:#11e3fe}
.microbit.vintage{position:absolute;left:1.5em;top:2.2em;border-color:#666;background:#ccc}.microbit.vintage:before,.microbit.vintage:after{background:#666}
.microbit.dead{border-color:#000}.microbit.dead:after,.microbit.dead:before{background:none;content:'X';font-weight:bold;text-align:center;margin-top:-0.1em;color:#000}
.microbit:not(.dead):before,.microbit:not(.dead):after{animation:blink 2.5s ease-in infinite}.mary .microbit:not(.dead):before,.mary .microbit:not(.dead):after{animation-delay:.1s}
.meena .microbit:not(.dead):before,.meena .microbit:not(.dead):after{animation-delay:0}
.meixiu .microbit:not(.dead):before,.meixiu .microbit:not(.dead):after{animation-delay:.7s}
.mohandas .microbit:not(.dead):before,.mohandas .microbit:not(.dead):after{animation-delay:.3s}
.monifa .microbit:not(.dead):before,.monifa .microbit:not(.dead):after{animation-delay:.8s}
.mahiri .microbit:not(.dead):before,.mahiri .microbit:not(.dead):after{animation-delay:1.5s}
.marja .microbit:not(.dead):before,.marja .microbit:not(.dead):after{animation-delay:1.7s}
.macaroni .microbit:not(.dead):before,.macaroni .microbit:not(.dead):after{animation-delay:.6s}
.globe{min-height:500px;min-width:900px;border-radius:100%;top:100px;margin:auto;display:inline-block;transform-origin:center center;-moz-transform-origin:center center;animation:orbit 15s linear infinite;animation-play-state:paused}.globe svg{width:100%}
nav .globe{min-width:auto;min-height:auto;position:absolute !important}
header:hover .globe{animation-play-state:running}
.shadow{position:absolute;width:100%;left:0;margin-top:-4px;text-align:center}.shadow:after{content:"";display:inline-block;position:relative;border-radius:50%;height:.8em;width:2em;top:3.2em;z-index:2000;background:#3f3f3f;-webkit-box-shadow:0 0 .2em .2em #3f3f3f;-moz-box-shadow:0 0 .2em .2em #3f3f3f;box-shadow:0 0 .2em .2em #3f3f3f;animation:bounce-shadow .5s ease infinite alternate}
.hidden{display:none;visibility:hidden}
header{background:#1d1d37;color:#fff;position:relative;overflow:hidden;text-align:center;height:30vh;min-height:175px}.homepage header{height:35vh;min-height:300px}@media all and (max-width:900px){.homepage header{min-height:auto;height:auto}}
@media all and (max-width:900px){header{min-height:auto;height:auto}}
.nav{overflow:hidden;margin:0;display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;z-index:4000}.nav .worldtour{margin-top:1em}
.nav ul{margin:0;display:block;padding:0;display:inline-block;vertical-align:top}.nav ul li{display:inline-block;list-style:none;position:relative;margin:0;padding:0;float:left}.nav ul li a{display:block;height:11em;overflow:hidden;font-weight:bold;text-decoration:none;color:#fff}.nav ul li a span{display:block;width:7em;font-size:1.1em;margin-top:4em;text-align:center;z-index:10;transition:all .3s ease;position:relative;top:15px}
.nav ul li a .microbit{margin:3em auto 0;transition:all .5s ease;z-index:1}
.nav ul li a:hover span{transform:rotateZ(-5deg);transition:all .3s ease}
.nav ul li a:hover .microbit{transition:all .3s ease;animation:bounce .5s ease infinite alternate;margin-top:-5em;z-index:20}.nav ul li a:hover .microbit.dead{margin-top:.5em}
.nav ul li .mary:hover{color:#5db24a}
.nav ul li .meena:hover{color:#2fa6c8}
.nav ul li .meixiu:hover{color:#000}
.nav ul li .mohandas:hover{color:#d4b81b}
.nav ul li .monifa:hover{color:#d4391b}
.nav ul li .mahiri:hover{color:#000}
.nav ul li .marja:hover{color:#263dde}
.nav ul li .macaroni:hover{color:#11e3fe}
.mobile-menu{list-style:none;overflow:hidden;padding-left:0;margin:0}.mobile-menu a{text-decoration:none;color:#fff;overflow:hidden}
.mobile-menu .microbit{display:inline-block;font-size:.75em}
.mobile-menu li{display:block;float:left;clear:left;width:100%;text-align:left;padding:.5555555555555556em 0}.mobile-menu li:not(:last-of-type){border-bottom:1px solid #8f8fc4}
.mobile-menu li a span{display:inline-block;padding:.5em 0;float:left;font-size:1em;margin-right:1.1111111111111112em}
input[type="checkbox"],.mobile-nav,.mobile-menu{display:none}
label[for="mobile-menu-toggle"]{float:right}label[for="mobile-menu-toggle"]:hover{cursor:pointer}
label[for="mobile-menu-toggle"]:after{content:"";display:inline-block;float:right;width:30px;height:30px;padding:5px 0;background:url(../img/menu.svg) center center / 100% no-repeat}@media all and (max-width:480px){label[for="mobile-menu-toggle"]:after{width:25px;height:25px}}
@media all and (max-width:900px){.nav,.globe,.homepage-title{display:none} .mobile-nav .homepage-title{display:block;text-align:left;font-size:1.8em} .mobile-nav{box-sizing:border-box;padding:.5555555555555556em;display:block} #mobile-menu-toggle:checked+.mobile-menu{display:block}}@media all and (max-width:480px){.mobile-nav .homepage-title{font-size:1.4em}}.fragment{height:280px}.homepage .fragment{height:45vh}
.homepage-title{text-align:center;font-size:3em;position:relative;z-index:20000}body.homepage .homepage-title{z-index:200}
.homepage-title span:nth-of-type(1){width:calc(50% - 2.25em);display:inline-block;text-align:right}
.homepage-title span:nth-of-type(3){width:calc(50% - 2.25em);display:inline-block;text-align:left}
.homepage-title .microbit{font-size:.4em;margin:0 1.1111111111111112em;top:1em}
.homepage-title a{color:#fff;text-shadow:0 .1em .2em rgba(0,0,0,0.3)}
body.homepage .homepage-title .microbit{animation:boing .5s ease-out infinite alternate}
.footer{background:#1d1d37;color:#fff;width:100%;text-align:center;box-sizing:border-box;padding:3.3333333333333335em;float:left;overflow:hidden}.footer h1{width:100%;margin-top:0}
.footer .microbit{display:block;margin:auto}
.footer a{color:#fff}
.page-content{position:relative}.page-content .page-title{text-align:center;margin:2.2222222222222223em auto}@media all and (max-width:900px){.page-content .page-title{margin:1.1111111111111112em auto}}
.content{width:100%;box-sizing:border-box;padding:1.1111111111111112em;line-height:1.5}body.about .content{margin-top:2.2222222222222223em}
@media all and (min-width:36.388888888888886em){.content{width:37.5em;margin:auto}}.content p{line-height:1.5;color:#3f3f3f}.content p a{text-decoration:none;color:#727272;border-bottom:1px dotted #727272}
body.homepage .content{margin:2.2222222222222223em auto 4.444444444444445em auto}
.name{display:inline-block;clear:both;padding:.2777777777777778em .9722222222222222em;border-radius:5em;border:.5em solid #5db24a;background:#fff;color:#5db24a;font-size:1.15em;font-weight:bold;position:relative;top:-40px}.name.btn{top:0;text-decoration:none}
.entry{padding:3.3333333333333335em 0;border-bottom:5px dotted #d8d8d8;overflow:hidden}.entry img,.entry video,.entry iframe{width:100%}
.entry .headline{text-align:center;position:relative;z-index:200;overflow:hidden}.entry .headline img{display:inline-block;border-radius:100%;height:85px;width:auto;position:relative}
.entry .headline .date{font-size:.75em;position:relative;top:-1.1111111111111112em;color:#bed1d4}
.entry .headline .location{position:absolute;left:50%;margin-top:1.9444444444444444em;display:inline-block;transform:translateX(-50%)}
.entry .headline:before{content:"";display:block;height:2px;width:75%;position:absolute;background:#d8d8d8;left:50%;top:40px;transform:translateX(-50%)}
.entry:last-of-type{border-bottom:none;margin-bottom:3.3333333333333335em}
.entry pre{overflow:auto;white-space:pre}.entry pre.prettyprint{padding:1.1111111111111112em}
body.mary .entry .name{border:.5em solid #5db24a;color:#5db24a}
body.meena .entry .name{border:.5em solid #2fa6c8;color:#2fa6c8}
body.meixiu .entry .name{border:.5em solid #000;color:#000}
body.mohandas .entry .name{border:.5em solid #d4b81b;color:#d4b81b}
body.monifa .entry .name{border:.5em solid #d4391b;color:#d4391b}
body.mahiri .entry .name{border:.5em solid #000;color:#000}
body.marja .entry .name{border:.5em solid #263dde;color:#263dde}
body.macaroni .entry .name{border:.5em solid #11e3fe;color:#11e3fe}