#main-div h2{
    color: rgb(255, 255, 255);
    text-align: center;
    padding: 30px 0;
}

#main-div{
    background-color: rgba(43, 46, 48, 0.7);
    padding-bottom: 10px;
}

.record-row-2{
    background-color: rgba(14, 14, 14, 0.5);
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    grid-template-rows: 1fr;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    color: rgb(209, 209, 209);
}

.record-row-1{
    background-color: rgba(14, 14, 14, 0.5);
    display: grid;
    grid-template-columns: 1fr 0.8fr;
    grid-template-rows: 1fr;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    color: rgb(209, 209, 209);
}

.record-video {
    aspect-ratio: 16 / 9;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    background: #111;
}

.record-video iframe{
    width: 100%;
    height: 100%;
}

@media (max-width: 850px) {
    .record-row{
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
}