main{margin:20px 0 100px 0;width:auto;text-align:start;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 200px)}h1{margin:50px 0 100px}h2{font-size:20px;font-weight:600;padding:6px 0 2px 0;text-align:center}p{text-align:center;font-size:15px;text-align:center;color:#6e6e6e}dl{display:flex;justify-content:space-between;margin-bottom:10px;width:600px}select{width:100px;border:1px solid #ddd;padding:15px;text-align:center;border-width:0;font-size:15px}#category-select{border-width:0}.news-list{width:600px;letter-spacing:1px;font-size:14px}.news-list li{list-style:none}.article{display:block;border:solid;border-color:#e4e4e4;border-width:.5px 0 0 0}.article:last-child{border-width:.5px 0 .5px 0}.news-title{padding:20px 30px 5px;font-weight:700;font-size:17px}.news-descriptions{display:flex;align-items:center;gap:12px;padding:10px 0 20px 30px;opacity:.5}.line{font-weight:0;font-size:10px;opacity:.2}.btn{display:flex;justify-content:center;align-items:center;gap:10px;border:1px solid #ddd;border-radius:10px;padding:25px;margin:40px 0 0;height:50px;width:auto;font-size:15px}.article:hover,.btn:hover,.selector:hover{background-color:#fafafa}@media screen and (max-width:767px){main{width:100vw;margin:0 auto}h1{margin:1rem 0}.news-list-header{padding:1.5rem}dl{width:100vw;margin:0 auto}.news-list{width:100vw;margin:0 auto}}