/* styles.css */
body {
    font-family: 'Quicksand', 'Cabin', sans-serif;
    background-color: #333; /* Dark background color */
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    text-align: center;
}

.logo {
    width: calc(100vw - 30px);
}

.logo img {
    width: 100%;
    min-width: 200px;
    max-width: 480px; /* Adjust the logo size as needed */
    height: auto;
}

.email {
    font-size: 30px; /* Customize the font size */
    color: #fff; /* Text color */
    margin-top: 20px; /* Adjust spacing */
}

.email a {
    color: #fff; /* Set the link color to white */
    text-decoration: none; /* Remove underlines (optional) */
}

/*<uniquifier>: Use a unique and descriptive class name*/
/*<weight>: Use a value from 400 to 700*/
/*<width>: Use a value from 75 to 100*/

.quicksand-400 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.quicksand-500 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.cabin-400-100 {
  font-family: "Cabin", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 75;
}