<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@media only screen and (max-width: 990px) {
    .problemIn {
        text-align: center;
        vertical-align: top;
        display: block;
        width: 100%;
        border-spacing: 10px;
        border-collapse: separate;
        
    }

        .problemIn h4 {
            font-weight: bold;
        }

        .problemIn td {
            background-color: #68bde0;
            border: 1px solid #000;
            padding: 10px 0;
            border-spacing: 10px;
            margin-top:10px;
            padding:5px;
            padding-bottom:10px;
            
        }
        .problemIn td:hover {
        background: #cccccc;
        
    }

}

.problemIn {
    text-align: center;
    vertical-align: top;
    border-spacing: 10px 0;
    border-collapse: separate;
    color: white;
}

    .problemIn h4 {
        font-weight: bold;
    }

    .problemIn h3 {
        font-weight: bold;
        color: gold;
        font-size: 250%;
    }

    .problemIn td {
        background-color: #68bde0;
        border: 1px solid #000;
        padding: 5px;
        padding-bottom:10px;
        
    }
    .problemIn td:hover {
        background: #1d7ca3;
        
    }
/*#column1:hover{
    height:300px;
    width:180px;
}

#column2:hover{
    height:300px;
    width:180px;
}
#column3:hover{
    height:300px;
    width:180px;
}
#column4:hover{
    height:300px;
    width:180px;
}*/

#wrapper {
    overflow: inherit;
}

.theProblem h2 {
    text-align: center;
}

.boldFirst{
    font-weight:bold;
}

.mailBtn{
    cursor:pointer;
    border:thin;
    border-radius:8px;
    background-color:#68bde0;
    color:white;
}

.siteLink{
    text-align:center;
}

.siteLink a{
    font-weight:bold;
    font-size:18px;
   
}
</pre></body></html>