.material-symbols-outlined {
    font-size: 100px;
}

#body {
    background: linear-gradient(90deg, rgba(228, 229, 231, 0.85) 0%, rgba(255, 255, 255, 1) 25%, rgba(255, 255, 255, 1) 75%, rgba(228, 229, 231, 0.85) 100%);
}

/*
 * video hacks
 */
.video-wrapper {
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    background: #f0f0f0;
    /* Light background to show container bounds */
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid white;
}