*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}html{background:#9de0fc;font-family:VT323,sans-serif}img{max-width:100%}.wrapper{padding:0rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#message{text-align:center;padding:1rem}.bigger{font-size:5rem}.smaller{font-size:2rem}.intro{font-size:3rem;margin:2em 0}.dialogue{width:100vw;height:100vh;background:#9de0fc;text-align:center;padding:1rem;position:absolute;top:0;z-index:1}.board{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#FCF3AF;padding:1em;border-radius:5px}@media screen and (orientation: landscape){.board{width:80vh;height:80vh}}@media screen and (orientation: portrait){.board{width:80vw;height:80vw}}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:space-between;-ms-flex-align:space-between;align-items:space-between}.row.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media (max-width: 360px){.row.center{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.separator{margin:0 2em}.space,.pinks,.bloos{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:3rem;font-weight:700;cursor:pointer;padding:0.5rem;border-radius:5px;border:3px solid #222}.space:hover,.pinks:hover,.bloos:hover{-webkit-box-shadow:5px 5px #222;box-shadow:5px 5px #222;-webkit-transform:translate(-5px, -5px);transform:translate(-5px, -5px)}@media screen and (orientation: landscape){.space,.pinks,.bloos{width:calc(80vh/3.5);height:calc(80vh/3.5)}}@media screen and (orientation: portrait){.space,.pinks,.bloos{width:calc(80vw/3.5);height:calc(80vw/3.5)}}.pinks{background:#fbc2eb}.bloos{background:#a6c1ee}.choice{background:#FCF3AF}