@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap");:root{--background-color:#fffcf1;--text-color:#000;--dark-purple:#4502f7;--light-purple:#4b008280}*,:after,:before{box-sizing:border-box}*{outline:none}*,body{margin:0;padding:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Open Sans,sans-serif;background-color:var(--background-color);color:var(--text-color)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:var(--dark-purple);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:var(--background-color)}.App-link{color:var(--light-purple)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.button{padding:.5rem 1rem;font-size:1rem;font-weight:600;color:var(--background-color);background-color:var(--dark-purple);border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s}.button:hover{background-color:var(--light-purple)}.buttonLogin{background-color:#3b82f6}.buttonLogout{background-color:#ef4444}.buttonSave{background-color:var(--dark-purple)}.buttonBack{background-color:var(--light-purple)}.buttonAddResult{background-color:var(--dark-purple);padding:.25rem .5rem;color:var(--background-color);border:none;border-radius:.25rem;cursor:pointer;transition:background-color .3s}.buttonAddResult:hover{background-color:var(--light-purple)}