html{overflow-x:hidden}body{padding:0;margin:0;line-height:1.75;font-size:125%;font-family:Rubik,Helvetica,Arial,sans-serif;font-weight:400;width:100%;background-color:#c0c0c0}a{color:inherit;text-decoration:inherit}@keyframes giveMeAttention{0%{transform:scale(1);box-shadow:0 0 6px 4px #00b391}50%{transform:scale(1.08);box-shadow:0 0 8px 6px #00b391}100%{transform:scale(1);box-shadow:0 0 6px 4px #00b391}}.narrow{line-height:.875}.title{width:100%;text-align:center;background-color:#18314F;margin:0;padding:0}.main{width:100%;text-align:center;margin:0;padding:0}.board{position:relative;display:inline-block;margin:20px}.board>canvas{position:absolute;top:0;left:0;width:100%;height:100%}.board-0{z-index:0}.board-1{z-index:1}.board-2{z-index:2}@media screen and (max-width:640px){.board{margin-left:0px;margin-right:0px;margin-bottom:0px}}.inline{display:inline-block}.left{float:left}.right{float:right}.data{display:inline-block;vertical-align:top;width:200px;text-align:left}.data>div,.data>button{margin-top:10px;width:100%}.textDark{color:#212121}.textLight{color:#FFFFFF}.textSmall{font-size:1.4rem}.textBig{font-size:2rem}.boardDisplay{width:200px;display:inline-block;cursor:pointer;padding-top:15px;line-height:.5}.boardDisplay:hover{animation:giveMeAttention 1s ease-out infinite}.button{display:block;font-size:1.4rem;padding:0px 32px;margin:15px 0px;line-height:2.2;text-align:center;text-decoration:none;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:0;color:#FFFFFF;border:2px solid #212121;background:linear-gradient(to right, #757575 50%, #00b391 50%);outline:0;background-size:210% 100%;background-position:-2px bottom;transition:all .5s ease;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2)}.button:hover{background-position:right bottom;color:#FFFFFF}.button:active{box-shadow:0 8px 10px 1px rgba(0,0,0,0.14),0 3px 14px 2px rgba(0,0,0,0.12),0 5px 5px -3px rgba(0,0,0,0.4)}.button.returnButton{margin-left:100px}.sectionButtons>.button{display:inline-block}@media screen and (max-width:640px){.sectionButtons>.button{width:40%;margin-bottom:0px;margin-left:0px}}.alertBox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background-color:rgba(255,255,255,0.25);pointer-events:auto;transition:all .3s}.alertBox>div{width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);padding:30px;background:white;border-radius:10px}@media screen and (max-width:640px){.alertBox>div{width:300px}}.alertBoxClose{position:absolute;top:30px;right:-30px;width:70px;color:#B0B0B0;background:white;font-size:.8rem;text-align:center;cursor:pointer;text-decoration:none;transform:translate(-50%, -50%)}.alertBoxClose:hover{color:#000000}.alertBoxTitle{font-size:2rem;color:#212121;text-align:center;font-weight:700}.hidden{display:none}