#get_winners{
    width:22rem;
}

#get_winners option {
    width:20rem;
}

#pagetarget{
    display:grid;
    width: 60rem;
    place-content:center;
}

#titlediv{
    h4 {font-weight: bold;}
}

#bodydiv {
    display:grid;
    align-content:start;
    justify-content:start;
	padding: 1rem;
    gap:.5rem;
    .media_content{
        display: grid;
        position: relative;
        width: 100%;
        padding: 1rem;
    }
    .media_content.audio{
        min-height: 16rem;
    }
    .media_content.yt{
        min-height: 30rem;
        min-width: 44rem;
    }
    .media_holder{
        display: grid;
	    position: relative;
        width: 640px;
	    height: 520px;
	    place-content: center;
        gap:.5rem;
        grid:
        "media_block"1fr/1fr;
        .media_block{
            display:grid;
            position: relative;
            width:100%;
            height:100%;
            grid: "media_tabs"1fr "media_frame"10fr "media_buttons"1fr /1fr;
            .media_frame{
                padding:.4rem;
                grid:
                "iframe"1fr/1fr;
            }
            .media_frame > iframe{
                display:grid;
                width:100%;
                height:100%;
            }
            .media_tabs,.media_buttons{
                place-content: start;
                grid-auto-flow: column;
                gap:.3rem;
            }
            .media_tabs,.media_frame,.media_buttons{
                display:grid;
                position:relative;
                width:100%;
                height:100%;
                .yt_btn,.yt_seek{
                    display:grid;
                    place-content:center;
                    background-color:lightgray;
                    padding:.3rem;
                    border: solid 1px;
                }
                .yt_btn.currvid,.yt_seek.currvid{
                    place-content:center;
                    box-shadow: inset 0 0 0 2px gray;
                }
                .yt_seek{
                    height:70%;
                }
            }
            .media_buttons.none{
                display:none;
            }
        }
    }
    .media_msg_block{
        font-size:medium;
        background-color:ivory;
        padding: .6rem;
        max-width: 40rem;
        border: solid 1px;
    } 
    .body_content{
        .content_main{
            display:grid;
            margin-top: 1rem;
            border: solid 2px;
            padding: 1rem;
        }
    }
}

#youtube-iframe{
    width:100%;
    height:100%;
}

.aframe {
    min-width:60rem;
	width: 100%;
	display: grid;
}

.bframe {
    padding-bottom:.5rem;
}

.cframe {
	border: solid 1px;
	padding: 1rem;
}

.divlinebreak{
    padding: 2rem 0 2rem 0;
    width: 10rem;
    place-self:center
}

.none {display:none;}