html {
    display: flex;
    justify-content: center;
}

body {
    font-size: 15px;
    font-family:  monospace;
    text-align: center;
    background-color:rgb(255, 244, 163);
    color: rgb(47, 45, 31);
    transition: background-color 0.3s ease, color 0.3s ease;
    scrollbar-width: thin;
}

h1 {font-size: 24px;}
h2 {font-size: 20px;}
h3 {font-size: 18px;}
h4 {font-size: 14px;}

p {
    margin: 10px;
}

a:link, a:visited {
    color: rgb(47, 45, 31);
    transition: color 0.3s ease;
}

a:hover {
    color: rgb(144, 138, 93);
    transition: color 0.3s ease;
}

.panel {
    border: 5px ridge rgb(159, 143, 96);
    background-color: rgb(255, 230, 153);
    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
}

span.li{
    display: list-item; 
    text-align: left;
    margin-left: 2em
}

img {
    image-rendering:pixelated;
}