@media screen and (min-width:769px) {
    header {
        position: fixed;
        width: 100vw;
        height: 50px;
    }
    #ham {
        display: none;
    }
    nav {
        position: fixed;
        vertical-align: top;
        margin-top: 50px;
        display: inline-block;
        width: 15%;
        padding: 2% 0;
    }
    #nav {
        width:70%;
        margin: 0 auto;
        padding: 0;
        height: 92.2vh;
    }
   
    li {
        font-size: 17px;
        line-height: 30px;
        width: 90%;
        margin: 3% 5%;
        text-align: center;
        border-radius: 10px;
        display: block;
    }
    li:hover {
        background-color: #ddd;
    }
    li:hover > a {
        color: #222;
    }
    #container {
        display: inline-block;
        margin: 50px 0 0 15%;
        padding-top: 2%;
    }
    #result {
        width: 82vw;
        margin: 0 auto;
        column-count: 3;
        column-gap: 30px;
    }
    .card {
        -webkit-break-inside: avoid;
        -moz-break-inside: avoid;
        -ms-break-inside: avoid;
        -o-break-inside: avoid;
        break-inside: avoid;
        margin-bottom: 10%;
    }
    #top {
        display: none;
        background-color: #ddd;
        border: 1px #888 solid;
        border-radius: 20px;
        position: fixed;
        right: 3px;
        bottom: 20px;
        width: 25px;
        height: 25px;
    }
    .cat {
        display: none;
        font-size: 15px;
    }
     .sch{
        display: none;
        font-size: 15px;
    }
    .post{
        z-index: 1;
        position: absolute;
        top: 0;
        left: 20vw;
        display: inline-block;
        height: 100vh;
        width: 60vw;
        background-color: #eee;
        overflow-y: auto;
        overflow-x: hidden;
    }
    #l{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: inline-block;
        width: 20vw;
        height: 100vh;
    }
    #r{
        position: absolute;
        z-index: 1;
        top: 0;
        left: 80vw;
        display: inline-block;
        width: 20vw;
        height: 100vh;
    }
}