@charset "UTF-8";*,:before,:after{box-sizing:border-box}html{font-size:62.5%}html,body{margin:0;padding:0;font-family:Roboto,sans-serif}body{font-size:1.6rem}#root{display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}img{max-width:100%;display:block}header{display:flex;align-items:center;justify-content:space-between;padding:1rem}header .logo{width:70px;height:70px;object-fit:contain;border:1px solid white;border-radius:1rem}header nav{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;width:80vw;height:80vh;background-color:#fff;border-right:1px solid;border-bottom:1px solid;border-bottom-right-radius:10px}header nav .close-menu{position:absolute;top:0;right:0}header a{color:#4169e1;font-size:2rem;font-weight:700}.search{display:flex;justify-content:center}.search input{padding:.5rem;border:1px solid #c0bebc;width:100%}.search button{padding:.5rem;background-color:#4169e1;color:#fff;border:none;text-transform:uppercase;width:130px;cursor:pointer}main{max-width:1200px;margin:0 auto;padding:1rem;flex-grow:1}.card{box-shadow:0 0 10px #0066ff56;border-radius:5px;padding:1rem;margin:1rem auto}.card header{background-color:#fff;display:flex;justify-content:space-between;text-align:right}.card header img{width:100px;height:100px;object-fit:contain}.card .subtitle{font-size:1.4rem;color:#393838}.card a{display:block;border:1px solid royalblue;border-radius:5px;padding:.5rem;color:#4169e1;text-align:center;width:fit-content;margin:0 auto;text-transform:uppercase;transition:all .3s}.card a:hover{background-color:#4169e1;color:#fff}.alert{color:red}.success{color:green}.cta.logout{color:#4169e1;background-color:transparent;border:none;font-size:2rem;font-weight:700;font-family:Roboto,sans-serif;padding:0;cursor:pointer}.auth{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin-top:2rem}.auth input{padding:.5rem;border:1px solid #c0bebc}.auth button{padding:.5rem;background-color:#4169e1;color:#fff;border:none;text-transform:uppercase;cursor:pointer}footer{background-color:#4169e1;color:#fff;text-align:center;padding:1rem;margin-top:2rem}
