body{
    background-color:rgb(30, 30, 30);
    color:rgb(210, 210, 210);
    margin-left: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    font-family: 문체부 바탕체, 바탕체, 문체부 훈민정음체, 궁서체, 굴림체, 돋움체;
}
h1{
    font-size: 30pt;
    text-align: center;
}
h2{
    font-size: 22.5pt;
    border-bottom: 2px solid;
    margin-bottom: 5%;
}
pre{
    font-size: 15pt;
    margin-bottom: 2%;
}
p{
    font-size: 15pt;
    margin-bottom: 2%;
}
blockquote{
    font-size: 15pt;
    margin-top: 0pt;
}
li{
    font-size: 18.75pt;
}
a{
    color:rgb(210, 210, 210);
    text-decoration-line: none;
}
img{
    width: 600px;
}
@media (max-width: 1024px){
    h1{
        font-size: 24pt;
    }
    h2{
        font-size: 18pt;
    }
    p{
        font-size: 12pt;
    }
    blockquote{
        font-size: 12pt;
    }
    li{
        font-size: 15pt;
    }
}
@media (max-width: 768px){
    img{
        width: 100%;
    }
}
@media (max-width: 512px){
    h1{
        font-size: 18pt;
    }
    h2{
        font-size: 13.5pt;
    }
    p{
        font-size: 9pt;
    }
    blockquote{
        font-size: 9pt;
    }
    li{
        font-size: 11.25pt;
    }
}
@media (max-width: 256px){
    h1{
        font-size: 12pt;
    }
    h2{
        font-size: 9pt;
    }
    p{
        font-size: 6pt;
    }
    blockquote{
        font-size: 6pt;
    }
    li{
        font-size: 7.5pt;
    }
}