#websocketStatus{position:fixed;top:1.2rem;right:6rem}#floatmenu .navDotsLabel{position:fixed;top:.4rem;right:1rem;z-index:1000;width:3.2rem;height:3.2rem;border-radius:50%;background-color:#fff;box-shadow:0 0 16px #0003;-webkit-box-shadow:0px 0px 16px 0px rgba(0,0,0,.2);transition:all .3s ease}#floatmenu .navDotsLabel:hover .navDots{box-shadow:0 0 5px #ffffff4d;-webkit-box-shadow:0px 0px 5px 0px rgba(255,255,255,.3)}#floatmenu .navDotsLabel:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;border-radius:0%;background-color:#0000}#floatmenu .navCheckbox{display:none}#floatmenu .navDots{position:absolute;height:5px;width:5px;opacity:1;background-color:#000;border-radius:50%;top:26px;transform:translate(0) translateY(-50%) rotate(0);transition:all .3s ease}#floatmenu .navDots-1{left:14px;animation-delay:0s}#floatmenu .navDots-2{left:50%;transform:translate(-50%) translateY(-50%);animation-delay:.4s}#floatmenu .navDots-3{right:14px;animation-delay:.8s}#floatmenu button.toolbar{padding:0}#floatmenu ul.hovernav{position:absolute;top:2rem;right:1rem;width:16rem;z-index:9999;display:none;list-style:none;text-align:right;padding:.2rem;margin:0;background:#fff;border-radius:4px;box-shadow:0 0 6px #0000004d;-webkit-box-shadow:0px 0px 6px 0px rgba(0,0,0,.3)}#floatmenu ul.hovernav li{position:relative;z-index:9999;padding:0}#floatmenu .navCheckbox:checked~.hovernav{display:block;transform:translate(-4.2rem) translateY(-1rem)}#floatmenu a,#floatmenu a:hover{text-decoration:none}.menu-item,.menu-open-button{border-radius:100%;width:32px;height:32px;margin-left:.5rem;margin-right:.5rem;color:#fff;text-align:center;line-height:38px;transform:translateZ(0)}.menu-item:hover svg,.menu-open-button:hover svg{fill:#da4567}body{font-size:20px}footer{margin-top:12rem}p{line-height:1.6em}.canpan-nav-logo{height:4rem}.canpan-nav-logo{filter:drop-shadow(5px 5px 5px #222)}.my-6{margin-top:12rem;margin-bottom:12rem}#static-nav a.navbar-brand,#static-nav a.navbar-brand:visited,.static-nav a.navbar-brand,.static-nav a.navbar-brand:visited{padding:.2rem 1rem;color:#fff!important}#static-nav a.navbar-brand:hover,.static-nav a.navbar-brand:hover{text-decoration:none}#static-nav ul li.nav-item,.static-nav ul li.nav-item{border:2px solid transparent;border-radius:.8rem}#static-nav ul li.nav-item:hover,.static-nav ul li.nav-item:hover{border:2px solid #e7f1ff}#static-nav ul li.active,.static-nav ul li.active{border:2px solid #b6d4fe}#static-nav ul a,#static-nav ul a:visited,#static-nav ul a.nav-link,#static-nav ul a.nav-link:visited,.static-nav ul a,.static-nav ul a:visited,.static-nav ul a.nav-link,.static-nav ul a.nav-link:visited{padding:.2rem 1rem;color:#0d0d0d}#static-nav ul a:hover,.static-nav ul a:hover{text-decoration:none}.boad-jumbotron{height:30vh;min-height:24rem}.feature{width:100%;margin-left:auto;margin-right:auto}@media (min-width: 48em){.feature{display:flex;justify-content:center;flex:1 1 auto}}@media (min-width: 62em){.feature{flex-direction:row;justify-content:space-around}}.feature_card{font-size:1rem;padding:0rem;align-items:center;border:1px solid #999;border-radius:.4rem;height:100%}.feature_card img{width:100%;margin-left:auto;margin-right:auto;margin-bottom:1rem}.feature-card-image-container{max-height:25vh;overflow:hidden;margin-bottom:1rem;border-bottom:1px solid #aaa}
