html { overflow-y:scroll; }
.header{  display: flex; gap: 12px; padding: 12px; background: 12px; background-color: rgb(255, 255, 255);flex-direction: column; align-items: center;}
nav {display: flex; flex-direction: row; align-items: center; padding: 10; gap: 50px; font-size:20px;font-weight: 200; font-family: 'Heebo', sans-serif;}
nav a{color:inherit; text-decoration-line: none; }
nav a:hover {color:#ff6718; text-decoration-line: none;}
/* dropdown menu */
.dropbtn {background-color: rgb(255, 255, 255); padding: 10px; border: none; font-size: 20px; font-family: 'Heebo', sans-serif;}
.dropdown-content {display: none; position: absolute; background-color: #000000; min-width: 170px;}
.dropdown-content a {color: rgb(255, 255, 255); padding: 10px 22px 10px; display: block; font-size: 15px;}
.dropdown-content a:hover {background-color: #ff6718;}
.dropbtn:hover {color: #ff6718;}
.dropdown:hover .dropdown-content {display: block;}
.dropdown-content a:hover {color: #ffffff;}
.dropdown:hover .dropbtn{color: #000000;}

#main{display: flex; width: 800px; margin: auto; margin-top: 1px; justify-content: flex-start; align-items: stretch; flex-direction: column;}
.index_explain_img {width:100%;}
figcaption{margin-top: 0; margin-right: 15px; font-size: 12px; font-weight: bold; color:#363432; font-family: 'Commissioner', sans-serif; text-align: right;}
a {text-decoration: none; color: #000000;}

footer{position: fixed; height: 40px; width: 100%; padding-top:20px; bottom: 0; border-top: 1px solide #dddddd; background-color: #000000; font-size: 14px; color: rgb(217, 217, 217); font-family:Arial, Helvetica, sans-serif; text-align: center;}