:root {
  --primary-color: #007bff;
  --secondary-color: #6c757d;
  --background-color: #f8f9fa;
  --text-color: #333;
  --main-bg: #2a3447;
  --soft-bg: #384256;
  --dark-bg: #222b3c;

  --main-color: white;
  --soft-color: #ddd;
  --dark-color: #2a3447;

  --padding-space-medium: 1.2rem;


  --smallScreen : 480px;
  --mediumScreen: 768px;
  --largeScreen: 1024px;
  --largerScreen: 1200px;
  --largestScreen: 1400px;
}
body {
  background-color: var(--dark-bg);
}
input {
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.5rem;
  font-size: large;
  font-weight: 400;
  padding: 10px;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
  margin-bottom: 1rem;
}

button {
  font-weight: 600;
}