html { background-color: #B18854; color: #2b2a48; text-align: center; font-family: 'Kodchasan', sans-serif; }
header, article, footer, div.main { display: block; }
header h1 { margin: 10px auto 10px auto; }
div.main { border: 1px solid #2b2a48; border-radius: 25px; width: 620px; background-color: #D9E3E9; margin: 10px auto 10px auto;  }
a { background-color: #D9E3E9; color: #2b2a48; font-weight: bold; }
header { text-align: center; margin: 0; }
header h1 { font-size: 30px; }
img.logo { width: 240px; height: 60px; margin: 15px 0 -10px 0; }
img.flags { margin: 0 60px 0 60px; width: 200px; height: 25px;}

nav { display: grid; grid-template-columns: auto auto auto auto auto; margin: 0 15px 0 15px; } /* nav grid */
div.links { text-align: center; } /* nav grid */

article { text-align: left; }
article img { border: 1px solid #2b2a48; margin: 0 15px 5px 10px; border-radius: 15px; box-shadow: 6px 6px 5px #BBC5C9; float: right; display: inline-block; }
p { padding: 0 15px 15px 15px; text-align: justify; }

footer { display: block; }
footer img.logo { width: 160px; height: 40px; margin: 30px 0 10px 0; }