.contact-page{width:800px;max-width:96%;margin:0 auto;padding:2rem;font-family:Arial,sans-serif}.contact-section h1{text-align:center;width:100%;margin-bottom:32px;font-size:160%;line-height:2;top:10vh}.contact-section .contact-description{width:100%;margin-bottom:32px;line-height:2}.contact-form .form-group{margin-bottom:1rem}.contact-form label{margin-bottom:.5rem;display:block}.contact-form input,.contact-form textarea{box-sizing:border-box;width:100%;color:var(--foreground);background-color:#f0f0f0;border-radius:4px;padding:.75rem}.contact-form .submit-button{color:#fff;cursor:pointer;background-color:#132e6e;border:none;border-radius:4px;width:100%;margin-top:40px;padding:.75rem;transition:background-color .3s;box-shadow:8px 8px 16px #0006}.contact-form .submit-button:hover{background-color:#0056b3;box-shadow:8px 8px 16px #0000}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}
.notification{box-sizing:border-box;z-index:1000;justify-content:space-between;align-items:center;width:100%;padding:1rem;font-family:Arial,sans-serif;display:flex;position:fixed;top:0;left:0}.notification.success{color:#fff;background-color:#4caf50}.notification.error{color:#fff;background-color:#f44336}.notification button{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.5rem}