@import url("https://emmyswoodlandcottage.neocities.org/css/style.css");

#wizard-body{
    background-image: url('https://emmyswoodlandcottage.neocities.org/backgrounds/Extra%20Bright%20Radiant%20Purple%20Galaxy,%20Jumbo.jpg')
}
#wizard-container {
    min-height: auto;
    width: clamp(150px, 100%, 800px);
    grid-template-columns: auto 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
    "navi main";
} 
.navi, main{
    margin: 5px;
    padding: 10px;
    border: 23px solid transparent;
    border-image: url(https://emmyswoodlandcottage.neocities.org/borders/vines1v3.png) 23 round;
    background-image: url(https://emmyswoodlandcottage.neocities.org/backgrounds/old-paper.png);

}            
.navi { 
    text-align: center;
    grid-area: navi; 
    overflow: auto;
}          
main { 
    grid-area: main; 
} 
.spam, #wizardfact{
    box-shadow:4px 4px 0px rgba(35,35,35,0.18); 
    border:2px ridge #cccbc8;
    background-color:white;
    border-bottom:1px solid #edd0e3; 
    overflow-y: auto; 
    scrollbar-width: thin;
}     
th, td{
    border: none;
} 
td{
    background-color:#f2edce00;
}
.spam {
    font-size:12px;
    height:30px;
    overflow:auto;
    width:400px;
    height:200px;
}     
#window-th {
    text-align:left;
    background-color:blue;
    color:white;
}
#wizardfact{
    height:190px;
    width:320px;  
}
table{
       border: none;
}
@media (max-width: 880px) {
    #wizard-container {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
    "navi"
    "main";
}  
main{
    overflow: auto;
}
}