/*

By: Drew Hengehold
Last Modified: 26 March 2025
CSS Document bks.css

*/


p#Site-Tag{
    color: rgb(0, 0, 0);
    font-style: italic;
    margin-left: 40%;
    margin-right: 40%;
    text-align: center;
}

form#ISBN{
    margin: 0 auto;
    width: max-content;
}

fieldset{
    display: grid;
    grid-template-areas:"label selector"
                        "submit submit";
    gap: 0.3em 0;
}

.heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 10%;
}
div.heading h1{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #106FA1;
}
div.heading h2{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #106FA1;
}
div.heading a{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #106FA1;
}
div.heading a:hover{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
    color: #a11010;
}


label[for = "ISBN_selector"]{
    grid-area: label;
}

select#ISBN_selector{
    margin-left: 0.5em;
    grid-area: selector;
}

input[type = "submit"]{
    padding: 0.3em;
    border: none;
    background-color: #008000;
    color: #f5f5dc;
    border-radius: 0.2em;
    grid-area: submit;
}

hr{
    color: #106FA1;
    border-width: 0.3em;
}

footer{
    font-size: 0.7em;
    font-style: italic;
    text-align: center;
}

.result{
    margin: 0 10%;
    color: #106FA1;
}