#landing_page_body,
#interior_body,body {
    background-image: linear-gradient(#333132, #1C1C1C);
}
#landing_page {
    background-image:linear-gradient(  #ffcc00,#ff9900);
    text-align: center;
    vertical-align: middle;
    width:90%;
    max-width: 960px;
    height:100%;
    padding: 20px;
}
#oddlibs-image-home{
    justify-content: center;
}

#oddlibs-image-home img{
    max-width:400px;
}

.description-text{
    justify-content:center;
}
.description-text p{
    max-width:500px;  
    font-weight:700;
    font-family: 'Quicksand', sans-serif;
    color:#1C1C1C;
}
.link_button {
    width: 120px;
    height: 100px;
    background-image: linear-gradient(#333132, #1C1C1C);
    border: none;
    border-radius: 16px;
    color: #ff9900;
    font-weight: bold;
    margin: 10px;
    filter: drop-shadow(1px 1px 2px black);
    letter-spacing: .1rem;

}

.link_button i {
    font-size: 4em;
    display: block;
}

#quit_button {
    display: none;
}

.card_image {
    width: 100%;
    position: relative;
}

#part_of_speech {
    font-family: 'Days One', sans-serif;
    color: #ff9900;
    margin-top:60px;
    margin-bottom:20px;
}

#header {
    height: 60px;
    color:#ff9900;
    padding:10px;
    text-align:center;
    margin:auto;
}
#header a{
    text-decoration:none;
    color:#ff9900;
}
#header i{
    font-size:24pt;
    margin-left:20px;
    z-index:1;
}
#madlibs_header_1, .madlibs_header_3{
    text-align:left;
    width:90%;
    max-width:1024px;
    margin:auto;
}
#madlibs_header_1 img, .madlibs_header_3 img{
    height:40px;
    margin-bottom:10px;
}
#madlibs_header_2 {
    display: none;
}
#category_screen a {
    text-decoration: none;
}
#category_screen h2{
    font-family: 'Days One', sans-serif;
    color:#ff9900;

}

.card {
    text-align: center;
    background-image:linear-gradient(  #ffcc00,#ffcc00,#ffcc00,#ff9900);
    border: none;
    border-radius: 16px;
    color: #ffffff;
    font-weight:700;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    filter: drop-shadow(1px 1px 2px black);
    letter-spacing: .05rem;
    cursor: pointer;
    margin-bottom: 20px;
}

.card:hover {
    filter: grayscale(100%);
}

.card-img-overlay {
    color: #ffffff;
    font-family: 'Days One', sans-serif;
    text-shadow: 2px 2px 2px black;;
}
#game_screen{
    text-align:Center;
}

#quit_modal{
    display: none; 
    position: fixed; /* Stay in place */
    left: 0;
    top: 80px;
    width: 80%;
    left:10%;
    height: 260px;
    overflow: auto;
    background-color:#ffcc00;
    font-weight:700;
    font-family: 'Quicksand', sans-serif;
    border-radius:12px;
    text-align:center;
    color:000000;
    font-weight:bold;
    letter-spacing: .1rem;
    padding-top:20px;
    filter: drop-shadow(1px 1px 2px black);
    border:2px solid #ff9900;
}
#quit_modal button, #final_madlib button{
    background-color:#ff9900;
    border:none;
    height:50px;
    width:80px;
    color:#000000;
    font-weight:700;
    font-family: 'Quicksand', sans-serif;
    margin:20px;
    border-radius:4px;
    filter: drop-shadow(1px 1px 2px black);
}
#final_madlib{
    padding:20px;
    display: none; 
    position: fixed; 
    font-weight:700;
    font-family: 'Quicksand', sans-serif;
    width:90%;
    left:5%;
    background-color:#fff59a;
    border-radius:20px;
    text-align:center;
    color:#000000;
    border: 4px solid #ff9900;
    font-size:14pt;

}
.user_madlib {
    color: #ff9900;
    font-weight:bold;
}
#game_screen button{
    background-color:#ff9900;
    margin:5px;
    font-size:16pt;
    border:none;
    color:#000000;
    border-radius:4px;
    filter: drop-shadow(1px 1px 2px black);

}
#game_screen button:disabled{
    background-color:#97660a;
}