body{text-align:center}#animation-content{position:relative;margin-top:4em;display:inline-block;text-align:left;max-width:100%}#animation-content.no-anim{margin-top:0}#course-arrow,#course-vessel,#vessel-heading-arrow{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}#course-vessel{max-width:5em !important}#course-indicator,#heading-indicator,#correct-indicator{position:absolute;border-width:0}#course-indicator,#correct-indicator{top:4.5em;right:-3.5em}#heading-indicator{opacity:0}#wind-current{position:absolute;top:-4em;right:0}#wind-current span,#wind-current #wind-arrow{vertical-align:middle;display:inline-block}#heading-change span,#heading-change #heading-arrow{vertical-align:middle;display:inline-block}#wind-arrow{max-width:1.5em !important;-moz-transform:rotate(150deg);-ms-transform:rotate(150deg);-webkit-transform:rotate(150deg);transform:rotate(150deg)}#vessel-heading-arrow{top:-5%;bottom:auto;-moz-transform-origin:-55% bottom 0;-ms-transform-origin:-55% bottom 0;-webkit-transform-origin:-55% bottom 0;transform-origin:-55% bottom 0;opacity:0;height:54%;-moz-transform:rotate(51deg);-ms-transform:rotate(51deg);-webkit-transform:rotate(51deg);transform:rotate(51deg)}#course-arrow,#course-vessel{-moz-transform-origin:center 50%;-ms-transform-origin:center 50%;-webkit-transform-origin:center 50%;transform-origin:center 50%;-moz-transform:rotate(51deg);-ms-transform:rotate(51deg);-webkit-transform:rotate(51deg);transform:rotate(51deg)}@-moz-keyframes reveal{to{opacity:1}}@-webkit-keyframes reveal{to{opacity:1}}@keyframes reveal{to{opacity:1}}@-moz-keyframes vanish{to{opacity:0}}@-webkit-keyframes vanish{to{opacity:0}}@keyframes vanish{to{opacity:0}}@media screen and (max-width: 49.94em){#course-vessel{max-width:20% !important}#course-arrow{max-height:105% !important}#course-indicator,#heading-indicator,#correct-indicator{right:auto !important;left:33%;font-weight:bold;border-width:2px 0 0 0;border-color:#000;font-size:.8em;padding-top:.5em}#course-indicator,#correct-indicator{top:22% !important;border-style:dashed}#heading-indicator{top:auto !important;bottom:20%;border-style:solid;right:auto !important}#wind-current{right:auto;left:10%}}