body{margin:0;font-family:Arial,sans-serif}.tangerine-bold{font-family:Tangerine,cursive;font-weight:400;font-style:normal}.galada-regular{font-family:Galada,cursive;font-weight:400;font-style:normal}.App{display:grid;grid-template-rows:min-content auto;grid-template-columns:250px auto;height:100vh;overflow:scroll;font-family:Galada,cursive;font-size:30px}header{display:flex;justify-content:space-between;background-color:purple;color:#fff;grid-column:1 / span 2;padding:20px 30px}#blog_title{font-family:Tangerine,cursive;font-size:36px;color:#fff;text-align:center;font-weight:700;letter-spacing:2px;text-shadow:2px 2px 5px rgba(0,0,0,.3);padding:10px}#NA_button{background:linear-gradient(135deg,#00f,#f0f);color:#fff;font-family:Tangerine,cursive;font-size:35px;font-weight:700;padding:12px 24px;width:200px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #0003;transition:transform .2s ease,box-shadow .2s ease}#NA_button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}#NA_button:focus{outline:3px solid #b565d9}#sign_out_button{background:linear-gradient(135deg,red,#8b0000);color:#fff;font-family:Tangerine,cursive;font-size:25px;font-weight:700;padding:12px 24px;margin-left:40px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #000;transition:transform .2s ease,box-shadow .2s ease}#sign_out_button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}#sign_in_button{background:linear-gradient(135deg,green,#006400);color:#fff;font-family:Tangerine,cursive;font-size:25px;font-weight:700;padding:12px 24px;margin-left:40px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #000;transition:transform .2s ease,box-shadow .2s ease}#sign_in_button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0000004d}#greeting{font-family:Tangerine,cursive;font-size:30px}#sign_out_button:focus{outline:3px solid #ff4d4d}form{padding:10px;display:flex;flex-direction:column;align-items:flex-start}form input,form textarea{margin-bottom:10px;width:400px;outline:3px solid black;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif}#submit_button{background:linear-gradient(135deg,#000,gray);color:#fff;font-family:Tangerine,cursive;font-size:30px;font-weight:700;padding:12px 24px;width:180px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}#submit_button:hover{transform:scale(1.05);box-shadow:0 6px 12px #0006}#submit_button:focus{outline:3px solid gray}nav,article{height:100%;padding:10px}nav{background:linear-gradient(135deg,#000,gray);color:#fff;font-size:18px;padding:20px}nav p:hover{text-decoration:underline;cursor:pointer}article .date{font-style:italic}article .body{white-space:break-spaces}.error{background-color:red;border-radius:8px;color:gold;padding:5px;position:relative;animation:bounce 1s ease-in-out 1s infinite}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}