* {
    margin: 0;
    padding: 0;
}

.wrapper {
    max-width: 700px;
    margin: 0 auto;
}

h1 {
    text-align: center;
}

.para {
    padding: 10px;
    font-size: 0.75rem;
    text-align: center;
}

#header {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    padding: 10px;
}

#result_table {
    margin: 0 auto;
    color: black;
    background-color: white;
}

#color_table {
    margin: 0 auto;
}

input {
    width: 40px;
}

input[name="fg_code"],
input[name="bg_code"] {
    width: 60px;
}

input[name="fg_name"],
input[name="bg_name"] {
    width: 120px;
}

#footer p {
    text-align: center;
    padding: 50px;
}


.tb-wrap {
    width: 100%;
    overflow-x: scroll;
}

.none {
    display: none;
}