html { 
  /*color-scheme: dark; */
}

body {
    font-family: Arial, sans-serif;
    background-color: #001E4B;
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    color: #e6edf3;
}

h1 { 
  color: #e6edf3; 
}

#horoskop {
    background-color: #001E4B;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

#horoskop-content {
    font-size: 25px;
    line-height: 1.6;
    color: #e6edf3;
}

#feedback {
    background-color: #001E4B;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
    color: #e6edf3;
}