h1{
    color: red;
    font-family: "Playwrite AT", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-shadow: 
    -1px -1px 0 #FFC0CB,  
     1px -1px 0 #FFC0CB,
    -1px  1px 0 #FFC0CB,  
     1px  1px 0 #FFC0CB; 
     padding: 20px;
  }
  
body {
  background-color: #D2B48C; 
}

.navbar {
  background-color: #FFE4E1 !important; 
  font-family: "Playwrite DE Grund", serif;
  font-optical-sizing: auto;
  font-weight: 500px;
  font-style: normal;
}


img {
  border: 5px solid #FFC0CB; 
  border-radius: 10px; 
  padding: 10px; 
}

p { color:white;
    text-align: center;
    font-family: "Playwrite DE Grund", serif;
  font-optical-sizing: auto;
  font-weight: 100px;
  font-style: normal;
  padding: 30px
}



.btn-primary {
  background-color: #FFC0CB; 
  border-color: #FF69B4; 
  color: white;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 24px;
  border-radius: 8px;
  transition: all 0.3s ease-in-out;
  font-family: "Playwrite AT", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    text-shadow: 
    -1px -1px 0 #FFC0CB,  
     1px -1px 0 #FFC0CB,
    -1px  1px 0 #FFC0CB,  
     1px  1px 0 #FFC0CB;
}

.btn-primary:hover {
  background-color: #FF69B4; 
  border-color: #FF1493; 
}

.btn-primary:active {
  background-color: #FF1493; 
  border-color: #DC143C;
}

.btn-primary:focus {
  box-shadow: 0 0 10px rgba(220, 20, 60, 0.5); 
}

.row.text-center {
  margin-top: 50px;  
  margin-bottom: 50px; 
}