/* Style for the body */
body {
    font-family: Arial, sans-serif;
    background-color: #f4f4f4;
    margin: 0;
    padding: 0;
    font-size: 15px;
}

h1,h2,h3,h4,h5{
    margin:10px 0;
}

.board-title{
    text-align: left; 
    /*border-bottom: 1px solid;*/
    margin-bottom: 0px;
    font-size:24px;
    position: relative;
    width: 220px;
    float:left;
}

.title-line{
    clear: both;
  border-bottom: 1px solid;
  height: 1px;
}
}

.sub_title{
    text-decoration: underline;
    width:100%;
    font-weight: bold;
    border-bottom: 1px dotted black;
    font-size: 16px;
}

input[type="text"]{
    width: 250px;
    height: 30px;
    border: 1px solid #ccc;
}

input[type="submit"], input[type="button"], button{
    height: 34px;
    border-radius: 0;
    border: 1px solid #ccc;
}

/* Style for the result table */
table {
    width: 100%;
    border-collapse: collapse;
   /* margin-top: 20px;*/
}

.horizontal-table{
    margin-top: 2px;
}

table, th, td {
    border: 1px solid #ccc;
}

th, td {
    padding: 5px;
    text-align: left;
}

/* Style for the table header */
/*th {
    background-color: #007bff;
    color: #fff;
}*/

.instruct-border {
  border: 1px dotted red;
  padding: 8px;
  margin: 10px 0;
}

footer{
    border-top: 1px solid;
    margin-top: 30px;
    padding-top:10px;
    text-align: center;
}

.failed-sub{
    border-radius: 50%;
    border: 1px solid;
    padding: 2px 5px;   
}

.clear-both{
    clear:both;
}

.w-50{
    float:left;
    width:49%;
}

@media only screen and (max-width: 510px) {
    .w-50{
        float:left;
        width:100%;
    }
}

.social{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width: 100px;
  float: right;
  margin-top: 5px;
}
.social ul{
  display:flex;
  gap:0;
  list-style:none;
  margin:0;
  padding:0;
}
.social a{
  --s:32px;
  width:var(--s);
  height:var(--s);
  display:block;
}
.social img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}