/* Main Styles for Books Corner */
@import 'https://fonts.googleapis.com/css2?family=Ledger&display=swap';

/* Layout */

body {
    background-color: #393E46;
    font-family: "Ledger", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    color: #EEEEEE;
}

/* Header */
header {
    max-width: 1000px;
    margin: 50px auto;
    border: black;
    align-items: left;
}

/* Navigation */
nav {
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: space-between;
    color: inherit;
    text-decoration: none;

}

nav a {
    color: inherit;
    text-decoration: none;
} 

nav ul {
    display: flex;
    gap: 2rem;  
    list-style: none;
}

/* Main Content */
main {
    font-weight: 200;
    font-size:14px;
    max-width: 1000px;
    margin: 50px auto;
    text-align:left;   
}

.current-book-card {
    display: grid;
    grid-template-columns: auto auto auto;
    /* grid-template-rows: auto auto; */
    gap: 1rem;
    align-items: start;  
    max-width: 1000px;
    padding: 50px;
    margin: 50px auto 100px auto;
    border: solid #EEEEEE; 
    border-radius: 10px;
    border-width: thin;
}

.book-card {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-template-rows: auto auto;
    gap: 1rem;
    align-items: start;  
    max-width: 1000px;
    padding: 50px;
    margin: 20px auto;
    border: solid #EEEEEE; 
    border-radius: 10px;
    border-width: thin
    }

img {
   max-width: auto;
   height: 120px;
}

main h2 {
    text-decoration: none;
    color: inherit;
}

.action-buttons button{
    background-color: #00ADB5;
    border-radius: 10px;
    text-decoration: none;
    font-size: 14px;
    padding: 10px;
    margin: 10px;
    max-width: 120px
}

/* Footer */
footer {
    text-align: center;
    padding: 2rem;
    margin-top: 4rem;
}