*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.active{background-color:#fff;color:#82a5f6}nav{display:flex;justify-content:space-between;align-items:center;background-color:#82a5f6;position:sticky;top:0}nav .title{font-size:1.5rem;margin:1rem;font-weight:700;text-decoration:none;color:#fff}nav ul{display:flex}nav ul li{list-style:none}nav ul li a{display:block;text-decoration:none;color:#fff;padding:.5rem;margin:0 .5rem;border-radius:.5rem}nav ul li a:not(.active):hover{background-color:#9eb8f5}nav .menu{position:absolute;top:.75rem;right:.5rem;flex-direction:column;justify-content:space-between;width:2.25rem;height:2rem}nav .menu span{height:.4rem;width:100%;background-color:#fff;border-radius:.2rem}@media(max-width:656px){nav .menu{display:flex}nav{flex-direction:column;align-items:start}nav ul{display:none;flex-direction:column;width:100%;margin-bottom:.7rem;gap:.4rem}nav ul.open{display:flex}nav ul li{width:100%;text-align:center}nav ul li a{margin:.2rem .5rem}}.authContainer{display:flex;justify-content:center;position:absolute;top:50%;width:100%;text-align:center}.IonaContainer{display:flex;position:absolute;top:30%;width:100%;justify-content:center}.App{background-color:#fefefe;height:100%;width:100%}