html {

    box-sizing: border-box;
    font-family: 'RocknRoll One';

}

*, *:before, *:after {
    
    box-sizing: inherit;

}

body {

    background-color: tan;
    margin-top: 25px;

}


.modalError {
	
	background: maroon;
	color: white;
	border-radius: 5px;
	box-shadow: 0px 0px 10px black;
	display: none;
	position: fixed;
	padding: 50px 25px 50px 25px;
	width: 30%;
	max-width: 600px;
	min-width: 350px;
	text-align: center;
    font-family: 'RocknRoll One';
	overflow: hidden;
	z-index: 500;
	
}

.header {

    font-family: 'RocknRoll One';
    font-size: 1.5rem;
    color: saddlebrown;
    font-weight: bold;
    margin:20px 0px 20px 0px;

}

.subheader {

    font-family: 'RocknRoll One';
    font-size: 1rem;
    color: black;
    font-weight: bold;
    margin:20px 0px 20px 0px;

}

.container {

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;

}

.quantInput {

    width:60px; 
    height:30px; 
    border:1px solid black; 
    border-radius:5px; 
    padding-left:3px; 
    font-size:18px;

}

.bookImg {

    width: 400px;
    border-radius: 10px; 

}


@media screen and (max-width: 480px) { /* mobile phone view */

    .header {

        font-size: 1rem;

    }

    .subheader {

        font-size: .7rem;

    }

    #description {

        font-size: .7rem;

    }

    .bookImg {

        width: 95%;

    }

}