.main{flex:5;order:1;border-right:1px solid #ccc;justify-content:baseline}.sidebar{flex:1;order:2}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f5f5f5;color:#333}.container{max-width:80%;margin:20px auto;background-color:#fff}h1{font-size:24px;color:#2c3e50}h2{font-size:20px;margin-top:20px}h2,h3{color:#2980b9}h3{font-size:18px;margin-top:10px;text-align:left}p{font-size:16px;line-height:1.6;margin-bottom:10px;text-align:justify}.date{font-style:italic;color:#7f8c8d;text-align:center;margin-bottom:20px}a{color:#2980b9;text-decoration:none}a:hover{text-decoration:underline}ul{list-style-type:none;padding:0}li{margin:10px 0;line-height:1.6}li,ol,ul{list-style:none}.container{display:flex;flex-wrap:wrap;padding:10px}