body {
   box-sizing: border-box;
}

.footer {
   display: flex;
   align-items:center;
   justify-content: center;
   text-align: center;
   line-height: 1.6;
   color: #6b7280;
   padding: 1.25rem 0.75rem;
}
.footer a {
   color: #3b82f6;
   text-decoration: none;
}
.footer a:hover {
   text-decoration: underline;
}

.toolsnav {
   display: grid;
   margin: 0 auto;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   column-gap: 10px;
}

.notification {
   animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
   from { transform: translateX(100%); opacity: 0; }
   to { transform: translateX(0); opacity: 1; }
}
.fade-in {
   animation: fadeIn 0.2s ease-in;
}
@keyframes fadeIn {
   from { opacity: 0; }
   to { opacity: 1; }
}