#experiment-div {
    padding-left: 17px;
    padding-top: 1em;
    padding-bottom: 2px;
    background-color: lightgreen;
    border-radius: 10px;
}

ul li {
    padding-bottom: 1mm;
}

body {
    animation: exani 120s;
    background-color: darkorange;
    font-family: Arial, Helvetica, sans-serif !important;
    padding-left: 30px;
    padding-top: 30px;
    padding-right: 30px;
}

@keyframes exani {
    0% { background-color: darkorange; }
    5%   { background-color: rgb(255, 119, 0); }
    10% { background-color: darkorange; }
    15%   { background-color: rgb(255, 119, 0); }
    20% { background-color: darkorange; }
    25%   { background-color: rgb(255, 119, 0); }
    30% { background-color: darkorange; }
    35%   { background-color: rgb(255, 119, 0); }
    40% { background-color: darkorange; }
    45%   { background-color: rgb(255, 119, 0); }
    50% { background-color: darkorange; }
    55%   { background-color: rgb(255, 119, 0); }
    60% { background-color: darkorange; }
    65%   { background-color: rgb(255, 119, 0); }
    70% { background-color: darkorange; }
    75%   { background-color: rgb(255, 119, 0); }
    80% { background-color: darkorange; }
    85%   { background-color: rgb(255, 119, 0); }
    90% { background-color: darkorange; }
    95%   { background-color: rgb(255, 119, 0); }
    100% { background-color: darkorange; }
}

a {
    text-decoration: none !important;
    color: rgb(56, 129, 89) !important;
}

a:hover {
    text-decoration: none !important;
    color: rgb(20, 92, 51) !important;
}

h3 {
    padding: 10px;
    font-weight: 550 !important;
    cursor: pointer;
}