h1, p, details {
background: white;
padding: 2px 5px 2px;
}

details {
margin-top: 10px;
}

small {
padding: 2px 5px 2px;
}

h1 {
margin: 0;
}

body {
background: lightblue;
background-image: url("../images/sky.jpg");
margin: 0;
}

ruby {
ruby-position: under;
}

summary {
cursor: pointer;
font-weight: bold;
}

.window-inner {
background: rgba(0, 0, 0, 0.3);
border-top: 3px solid black;
border-left: 3px solid black;
border-bottom: 3px solid white;
border-right: 3px solid white;
color: black;
margin: auto;
padding: 20px;
width: auto;

    .button-container {
    margin: 6px 3px 0;
    }

    button {
    margin: 0 2px 0;
    }

}

.window-outer {
background: rgba(102, 205, 170, 0.5);
border-top: 3px solid white;
border-left: 3px solid white;
border-bottom: 3px solid black;
border-right: 3px solid black;
display: flex;
flex-direction: column;
padding: 10px;
}

#htmlday2026info {
margin-top: 15px;
margin-left: auto;
margin-right: auto;
margin-left: max();
max-width: 670px;
}

.window-details {
align-self: flex-end;
display: flex;
margin-bottom: 3px;

    form {
    padding: -5px 3px 0;
    }

    button {
    border-top: 3px solid white;
    border-left: 3px solid white;
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    color: white;
    font-weight: bold;
    width: 26px;
    }
    button:active {
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-bottom: 3px solid white;
    border-right: 3px solid white;
    }
    .min {background: blue}
    .win {background: green}
    .ex {background: red}
}

.reaction-counter {
background: white;
margin-top: 3px;

    p {
    margin-bottom: -3px;
    }

}

.rcdc-count:before {
content: " | "
}

#bearwindow {
display: block; position: absolute; top: 300px; right: 150px;
}