.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple .6s linear;background-color:#d2d2d2b3}@keyframes ripple{to{transform:scale(4);opacity:0}}button{border:unset;border-radius:5px;border:1px solid #236d53;box-shadow:2px 2px 2px gray;padding:1rem;cursor:pointer;font-size:1rem;font-weight:700}button:disabled{opacity:.25;pointer-events:none}.button-primary{background-color:#309975;color:#fff;min-width:3rem}.button-primary:hover{background-color:#58b368}.button-primary:active{background-color:#236d53}.button-delete{background-color:red;color:#fff;min-width:3rem}.button-delete:hover,.button-delete:active{background-color:#8b0000}.button-highlight{animation:highlight .6s alternate infinite}@keyframes highlight{0%{transform:scale(.95);background-color:#236d53;box-shadow:2px 2px 2px gray}to{transform:scale(1.05);background-color:#309975;box-shadow:4px 4px 4px gray}}.modal-screen{position:fixed;inset:0;background-color:#2c2f3be6;text-align:center}.modal-screen input{margin:1rem}.modal{display:flex;flex-flow:column nowrap;justify-content:center;height:100%}.modal-content{flex:0 1 auto;align-self:center;padding:1rem;background-color:#ffe6ff}.modal-content h2{text-align:center}@font-face{font-family:fancyFont;src:url(Tomodachy.08493ca8609f20a8.otf)}*{font-family:fancyFont,sans-serif}html{scroll-behavior:smooth}body{width:100%;height:100vh;min-height:100vh;margin:0;padding:0;background-color:#ffe6ff}