html {scroll-behavior: smooth}
body {
    background-color: palegoldenrod;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    transition: .4s;
}
img {
    border-radius: 25px;
    max-height: 500px;
    max-width: 500px;
}
p, figcaption {padding: 5px}
.dark {
    background-color: #333;
    color: snow;
}
#theme {
    position: fixed;
    right: 20px;
    bottom: 20px;
}
footer {text-align: center;}
button {
    cursor: pointer;
    border: black solid 1px;
    border-radius: 5px;
}
button:hover {
    transform: scale(1.05);
    box-shadow: 3px 3px 3px lightgray;
    background-color: lightskyblue;
    transition: .4s;
}