@import url(https://fonts.googleapis.com/css2?family=Crimson+Text&family=Roboto:wght@300;900&display=swap);body{margin:0 auto;max-width:50em;font-family:Crimson Text,sans-serif;line-height:1.5;color:#444}h1{font-size:40px;font-family:Roboto,Helvetica,"sans-serif"}.author,h1{text-align:center}.author{margin-top:2em}a{font-weight:700;color:#ef7755;text-decoration:none}a:hover{color:#f97}.global-layout{display:flex;flex-direction:row}.column{width:450px;display:flex;flex-direction:column;padding:0 5px}.title-section{text-align:center}.column section{padding:.5em 0}.error-message{display:none;color:red}.move-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.move-button{width:13%}.action-button{background-color:#0069d9;border-radius:.4rem;color:#fff;cursor:pointer;line-height:2em;text-align:center;margin:3px;font-family:Roboto,sans-serif}.action-button:hover{background-color:#0092ff}label[for=moveAnimationDuration]{display:flex;flex-direction:column;align-items:center}#cube-previsualization{width:450px;height:450px;margin:auto}#new-cube-buttons{display:flex;flex-direction:row}#new-cube-buttons .action-button{width:50%}.column section.large-buttons .action-button{margin:3px 60px;min-width:200px}#patterns-buttons{display:flex;flex-direction:row;flex-wrap:wrap}#patterns-buttons .action-button{width:47%}textarea{width:98%;margin:5px 0;resize:none;font-family:Roboto,sans-serif}#play_reverse_sequence{display:flex;flex-direction:row}#play_reverse_sequence .action-button{width:48%}