:root {
  --kirmizi: #fc8774;
  --mavi: #74e6ee;
}

.color1 {
  background-color: var(--kirmizi);
  color: white;
}

.color2 {
  background-color: var(--mavi);
  color: white;
}

.header-color {
  color: var(--mavi);
}

body {
  background-image: url("../img/loginpage-transformed.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  min-width: auto;
}
.container{
  margin-top: 40px;
}
.custom-btn {
  background-color: #FFA500; /* Light orange color */
  border-color: #f8a100;
  color: white;
  transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s; /* Smooth transition for background color, border color, and shadow */
}

.custom-btn:hover {
  background-color: #ff8c00; /* Darker shade of orange for hover */
  border-color: #f8a100;
  box-shadow: 0px 4px 8px rgba(224, 109, 1, 0.4); /* Shadow effect on hover */
}
.button-container {
  display: flex;
  justify-content: flex-start; /* Aligns the button to the left */
  /* Optionally center the container itself horizontally */
  margin: 0 auto;
  width: fit-content; /* Adjusts the width of the container to fit the button */
}
.link-color {
     margin-left: 10px;
     color:rgb(255, 166, 0); /* Light orange color */
     text-decoration: underline; /* Removes underline */
}

.link-color:hover {
  color: #ff8c00;  /* Darker orange color for hover */
}

.button-grp {
  height: 40vh;
  background-image: url("https://eokulyd.meb.gov.tr/theme/able/assets/images/arkaplann.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.giris_bg {
  height: 100%;
  background-color: red;
}
.header_logo img,.logo img{
  object-fit: contain;
}
/*# sourceMappingURL=main.css.map */