.material-symbols-outlined{
    font-variation-settings:
    'FILL' 0,
    'wght' 400,
    'GRAD' 0,
    'opsz' 30
}
body{
    background-image: url('Sprinkle.svg');
    margin: 0;
    padding: 0;
    color: whitesmoke;
}
.main{
    max-width: 600px;
    width: 90%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.nav table{
    text-align: center;
    position: relative;
    width: 100%;
}
.nav span{
    font-size: 35pt;
}
.nav p{
    font-size: 11pt;
    margin-top: 0;
    margin-bottom: 0;
}
.content{
    text-align: center;
    position: relative;
    width: 100%;
}
.content iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}
.content a{
    float: left;
}
.content blockquote{
    width: 50%;
}
.content details{
    text-align: left;
}
.cc_info{
    font-size: 11pt;
}