@import url('https://fonts.googleapis.com/css2?family=Pirata+One&display=swap');

.pirata-one-regular {
  font-family: "Pirata One", system-ui;
  font-weight: 400;
  font-style: normal;
}

.index-body {
    font-family: 'Pirata One', sans-serif;
    height: 100vh;
    width: 100vw;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url('/assets/images/timothy-dykes-woE5Fc1HF1o-unsplash.jpg');
    background-size: contain;
}

.index-container {
    display: flex;
    flex-direction: column; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 20px;
}

.main-header {
    color: #f8f8f8;
    font-size: 3.6rem;
    margin-top: 40px; 
}

.auth-links {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin: auto 0;

}

.sub-header {
    font-size: 1.8rem;
    color: #ffffff;
    margin-bottom: 40px;
}

.signup-link,
.login-link {
    display: inline-block;
    padding: 15px 40px; 
    background-color: #fff; 
    color: #B7410E; 
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: none;
    border-radius: 12px;
    box-shadow: 0px 4px 6px rgba(0,0,0,0.2);
}

.signup-link {
  background-color: #b7410e9a;
  color: white;
  margin: 0 0 20px 0;
  border: solid #792828;
  border-style: outset;
  box-shadow: 12px 12px 2px 1px rgba(48, 47, 47, 0.35);
}

.signup-link:hover {
  background-color: #792828;
}

.login-link {
  background-color: #b7410e9a;
  color: white;
  margin: 0 0 20px 0;
  border: solid #792828;
  border-style: outset;
  box-shadow: 12px 12px 2px 1px rgba(48, 47, 47, 0.35);
}

.login-link:hover {
  background-color: #792828;
}

.text-box {
  background-color: #b7410e9a; /* deep red */
  color: white;
  padding: 40px 60px;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  display: inline-block;
}