h1,h2{
    font-style: italic;
}
p.caution{
    color:darkred;
    font-weight:bold;
}
body{
    background-color: black;
    color:white;
}
a{
    color:blueviolet
}
small{
    font-size: small;
}
mark{
    background-color: darkorange;
    color:black;
}
    .cf img{
        border:2px solid white;
        border-radius: 7px;
        width: 108px;
        height: 75px;
        object-fit: cover;
    }
    .cf div{
        display: flex;;
    }
details{
    background-color: #333333;
    color:white;
    padding: 10px;
    border-radius: 5px;
}
details summary{
    cursor:pointer;
    margin-bottom: 8px;
}
details:hover {
    background-color: #444;
}
html {
    font-size: 18px;
}
nav {
    background-color:#2e2b2b;
    padding:10px;
    border-radius:7px;
}
nav a {
    color:white;
    margin-right:15px;
    text-decoration:none;
    font-weight:bold;
}
nav small{
    text-align:right;
    font-style: italic;
}
#navbar{
    position: sticky;
    top: 0;
    z-index: 1000;
}