body {
    font-family: Arial, sans-serif;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.container {
    width: 100%;
}

/* Default Happiness Styling */
.Hapiness {
    h1 {
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 0vh;
        margin: 0;
    }

    img {
        text-align: center;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    p {
        font-family: Arial, sans-serif;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: 20vh;
        margin: 0;
    }
}

/* Background */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('../../resources/general/Fondos-Kuni/Fondo 1.png') repeat center center;
    background-size: cover;
    filter: blur(4px);
    z-index: -1;
}

/* Dropdown Styling */
.dropdown-container {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 165x;
}

/* Emotion Content Box */
.result-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    padding: 20px;
    border: 2px solid #ccc;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.8);
    max-width: 500px;
}

.result-box img {
    width: 150px;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
}

.result-box h3 {
    margin-top: 10px;
    color: #333;
}

.result-box p {
    font-size: 16px;
    color: #555;
}