/* CSS file for CyberCheese */


body {
    margin: 0;
    font-family: 'Arial', sans-serif;
}





.navbar {
  position: fixed; /* Fixes the navbar at the top of the viewport */
  top: 0; /* Aligns it with the top edge */
  left: 0; /* Aligns it with the left edge */
  width: 100%; /* Makes it span the entire width */
  background-color: #ffeb3b; /* Background color */
  z-index: 1000; /* Places it above other content */
  /* Additional styling as needed */
}

.navbar a {
  text-decoration: none;
  color: #212529;
  padding: 15px;
  display: inline-block;
  /* Additional styling as needed */
}

#home-wrapper {
    background-color: #ffeb3b;
    color: #212529;
    min-height: 100vh; /* 100% of the viewport height minus the navbar height */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Center content vertically */
    align-items: center; /* Center content horizontally */
}

#home-wrapper .container {
    text-align: center;
}

/* other styles remain unchanged */


#home-wrapper h1 {
    font-size: 3em;
    padding-bottom: 1em;
}



.navbar-brand {
    color: #ff9800;
}

.navbar-nav .nav-link {
    color: #ff9800;
}

.container {
    padding: 2em 0;
}

.container h1 {
    padding-bottom: 1em;
    color: #ff9800;
}

.container h2 {
    color: #ff9800;
}

.card {
    margin-bottom: 2em;
}

.card-img-top {
    width: 100%;
    height: 15vw;
    object-fit: cover;
}

.form-group label {
    color: #ff9800;
}

.form-group input,
.form-group textarea {
    border: 1px solid #ff9800;
}

.form-group button {
    background-color: #ff9800;
    border: none;
}

.form-group button:hover {
    background-color: #ffa726;
}

.center {
 min-height: 100vh; /* 100% of the viewport height */
    display: flex; /* enables flexbox */
    flex-direction: column; /* align children vertically */
    justify-content: center; /* center children vertically */
    align-items: center; /* center children horizontally */
}