/* General styles */

:root {
    --primary-color: #007bff;
    --secondary-color: #6c757d;
    --background-color: #ffffff;
    --text-color: #333333;
}

body { font-family: "Roboto", Arial, sans-serif; margin: 0; padding: 0; background-color: #f4f4f4; }
.navbar { background-color: #2c3e50; color: #f4f4f4; }
.nav-link { display: inline-block; color: #f4f4f4; text-decoration: none; padding: 1rem 1rem; }
.navbar-nav { display: flex; flex-direction: row; margin: 0; padding: 0; }
.nav-item { list-style: none; }
.domain { font-size: 1.5rem; color: #e74c3c; margin: 1rem 0; text-align: center; }
.domain h3 { font-weight: 300; }
.container { max-width: 800px; margin: 2rem auto; background: #fff; color: #4f4f4f; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); }
.btn { display: inline-block; padding: 0.75rem 1.5rem; background: #e74c3c; color: #fff; text-decoration: none; border-radius: 4px; }
.btn:hover { background: #c0392b; }
form { margin-top: 2rem; width: 100%; }
label { display: block; }
input, textarea { box-sizing: border-box; width: 100%; padding: 0.75rem; margin-bottom: 1rem; border: 1px solid #ccc; border-radius: 4px; }
button { cursor: pointer; }
button { padding: .6rem 1.2rem; border: none; background: #007bff; color: white; border-radius: 4px; cursor: pointer; }
.success { background-color: rgb(222, 243, 222); color: rgb(30, 70, 32); padding: 0.75rem 1.5rem; width: "100%"; border-radius: 4px; }
.error { background-color: rgb(243, 222, 222); color: rgb(70, 30, 30); padding: 0.75rem 1.5rem; width: "100%"; border-radius: 4px; }