/*general format*/
main{
    margin: 2em 5em;
    padding: 2em 2em;
    background-color: aliceblue;
	opacity: .95;
    height: 100%;

}

img {
	opacity: 1;
}
/* cards size and format */
.grid-container{
    margin: .5em;
}

.home-cards, .spells{
    display: flex;
    justify-content: center;
    border: 1pt solid black;
    border-radius: 10pt;
    background: #D5EEFF;
    margin: .5em;
}

a{
    text-decoration: none;
    color: black;
}
a:hover{
    text-decoration-line: underline;
    color: darkblue;
}
h3{
    margin: .5em;
}

/* resize the video player */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2em;
}

/* resize. different stack */
@media (min-width: 50rem){
	#background{
		column-count: 2;
	}
    .spell-list{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .home-form{
        margin: .5em;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .home-cards{
        padding: 1em;
        text-align: center;
        
    }
    

 
}