html{height:100%;background-color:#cddffb}button{background-color:#f8f9fb;border:2px solid #312e42;border-radius:5%;margin:1px;padding:1px;font-size:16px;cursor:pointer}body{font-family:Arial,sans-serif}.ptq-body{display:flex;justify-content:center;align-items:center;height:600px;width:600px;margin:auto;background-color:#cddffb}.main-body{box-sizing:border-box;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0}div{text-align:center;background-color:#cddffb}.main-container{padding:10px 20px;min-height:400px;max-width:400px}.fade-move-enter{opacity:0;transform:translateY(20px)}.fade-move-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.fade-move-exit{opacity:1;transform:translateY(0)}.fade-move-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.symbol-styling{font-size:2rem;font-weight:700;padding:1px;margin:1px;line-height:1}.name-and-reason-styling{font-size:1.5rem;margin:1px;color:#444}@media (min-width: 640px){.ptq-body{background-color:#1f75fe}.main-container{border:4px solid #42382e;border-radius:4%;box-shadow:0 4px 8px #0003}}