:root{--color-bg-articles: #ffffff;--color-bg: #ffffff;--color-bg-main: hsl(320, 50%, 95%);--color-bg-vib: hsl(233, 60%, 90%)}[data-theme=dark]{--color-bg: #1a1a1a}html{height:100%;color:var(--color-dark-font);box-sizing:border-box}button{background-color:#9be8d9;box-shadow:0 4px 8px #000;border:.1px solid var(--color-dark-font);border-radius:10%;margin:4px;padding:4px 6px;font-size:16px;cursor:pointer}body{font-family:Arial,sans-serif;background-color:var(--color-bg-main)}.application-container{display:flex;justify-content:center;align-items:center;height:600px;width:600px;margin:auto;background-color:#00758f}.article-body{background-color:var(--color-bg)}.main-body{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0}div{text-align:center}.main-container{padding:10px 20px;min-height:400px;max-width:400px;border:4px solid var(--color-pinky-purple);border-radius:4%;box-shadow:0 4px 8px #0003;background-color:var(--color-bg)}.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}@media (min-width: 640px){.main-container{border:4px solid var(--color-pinky-purple);border-radius:4%;box-shadow:0 4px 8px #0003;background-color:var(--color-bg)}}