/* main.css */

/* Sets the whole page with a black background and a font color of #E5B13A */
body {
    background: black; 
    color: #E5B13A;
}

/* Gives all links a color of #4BD5EE and no text decoration */
a {
    color: #4BD5EE;
    text-decoration: none;
}

/* Gives the header a border of 1px solid white, a padding of 3px left and white */
#header {
    border: 1px solid white;
    padding-left: 3px;
    padding-right: 3px;
    text-align: center;
}

/* Gives the logo the font, impact */
#logo {
    font-family: Impact;
}

/* Gives space between the header and featured-books-wrapper */
#featured-books-wrapper {
    margin-top: 20px;
}

/* Gives space between the header and contents */
#contents {
    margin-top: 20px;
}

/* Changes the cursor to a pointer when hovering  over an image */
img:hover {
    cursor: pointer;
}

/* Gives space between the add to cart button and the top of the image below it */
.add-to-cart {
    margin-bottom: 15px;
}

/* Used to style search bar */
#search {
    margin: auto; 
}

#footer{
    text-align: center; /* aligns everything in the footer in the center */
    bottom: 0; /* Makes sure the footer is at the bottom of the page */
    width: 100%; /* Makes sure the footer takes up the full width of the container */
    color: #4BD5EE; /* gives the whole footer a font color of #4BD5EE */
    margin-top: 1px;
}

/* Seperates the footer links and footer text by 4px */
#footer-text {
    padding-top: 4px;
}