#app{display:grid;place-items:center;align-items:start}main{display:grid;place-items:start center;grid-template-rows:auto 1fr;gap:3em;margin-top:5em;width:clamp(350px,60svw,1000px);font-family:workSans;padding-bottom:0;height:80%;min-height:fit-content}@media screen and (max-width: 600px){main{width:calc(90% - 2em)}}h1{font-size:clamp(40px,5vw,40px);text-align:center;width:100%}h2{font-size:clamp(30px,3vw,30px)}button{background:#000;color:#fff;border:none;padding:.75rem;transition:all .2s ease-out;border-radius:5px;width:fit-content;opacity:1}button:hover,button:focus-visible{cursor:pointer;opacity:.7}button.saveBtn{position:fixed;bottom:20px;right:20px}button.logout{position:absolute;top:1em;font-family:workSans;background:#fff;border:2px solid black;right:1em}button.logout>a{width:100%;height:100%;padding:.75rem;color:#000;font-weight:700}@media screen and (max-width: 600px){button.logout{padding:.5rem}button.logout>a{padding:.5rem}}button.back_btn>a{width:100%;height:100%;padding:.75rem;color:#fff}