.header{display:block;opacity:0;transition:all .5s ease-in-out;text-align:center;padding:20px;border-radius:0 0 10px 10px}.header.show{opacity:1;top:0;margin:0 20px 20px}.headerRight{position:sticky;animation:slideInLeft 1s forwards}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.iconRight{padding:10px;color:var(--color-background-main)}#answer{height:fit-content;width:fit-content}#root{height:100%;display:flex;max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{height:100%;--color-background-main: #fdfdfd;--color-text-main: #333;--color-primary: #3E89B1;--color-primary-dark: #1472a5;--color-secondary: #ffffff;--color-white: #ffffff}body{font-family:Arial,sans-serif;background-color:var(--color-background-main);color:var(--color-text-main);display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.App{text-align:center;width:80%;max-width:600px;background-color:var(--color-white);padding:20px;border-radius:8px;box-shadow:0 0 10px #0000001a}h1{color:var( --color-background-main)}form{background:var(--color-background-main)}textarea{display:flex;width:60%;background-color:var( --color-secondary);padding:10px;margin:0 20px 20px;border-radius:10px;border:3px solid var(--color-primary-dark)}button{padding:10px 20px;border:none;border-radius:10px;background-color:var(--color-primary);color:var(--color-white);cursor:pointer}button:hover{background-color:var(--color-primary-dark)}label{display:block;margin-bottom:5px;color:var(--color-primary)}#field{display:flex;justify-content:space-between;width:100%}.dateInput,.codeInput{display:flex;width:60%;background-color:var(--color-secondary);padding:10px;margin:20px;border-radius:10px;border:3px solid var(--color-primary-dark)}#answer{margin-top:190px}.nameInput{display:flex;width:100%;background-color:var(--color-secondary);padding:10px;margin:20px;border-radius:10px;border:3px solid var(--color-primary-dark);transition:all .3s ease}.expandButton{margin-right:20px;margin-bottom:10px}#checkAnswer{display:flex}#back{display:flex;margin-top:150px}#pagMyAnswer{margin:200px 0 20px;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:10px;padding:10px 20px;cursor:pointer}#pagMyAnswer:hover{background-color:var(--color-primary-dark)}.answerCard{background-color:var(--color-secondary);border:3px solid var(--color-primary-dark);border-radius:10px;padding:20px;width:100%}.answerCard p{margin:10px 0}#landingAnswer{display:flex;flex-direction:column;align-items:flex-start}@media screen and (max-width: 800px){#field{flex-direction:column;margin-top:80px}textarea{width:auto;margin-top:0}.headerRight{font-size:.8em;text-wrap:wrap}#answer{padding:4px 10px 4px 4px;margin-top:10px;text-wrap:wrap;width:150px;margin-right:20px;font-size:.8em}button{font-size:.8em}.nameInput{width:100%}p{font-size:.8em}#containerAnswer{margin-top:0;justify-content:end;order:1}#back{margin-top:100px}#pagMyAnswer{margin-top:130px}}