@import url('https://fonts.googleapis.com/css2?family=Arima+Madurai&family=Berkshire+Swash&display=swap');


body
{
background-image:url(images/background600wide2.jpg);
background-repeat:no-repeat;
background-size:cover;
}


img
{
display:block;
max-width:800px;
height:auto;
margin:auto;
padding:auto;
}


.flutters2
{
padding:2.2rem 0 2.2rem 0;
}


label
{
color:white;
display:block;
padding-top:1.5rem;
justify-content:space-around;
font-family: 'Arima Madurai', sans-serif;
font-size:1.5rem;
}


input
{
font-family: 'Arima Madurai', sans-serif;
padding:0.5rem;
}


legend
{
display:block;
padding-top:1rem;
font-weight:bold;
}


#Summary, #Reviews, #Author, #Published, #Where
{
padding:auto;
}


.people
{
font-family: Baskerville, serif;
color:brown;
font-size:1rem;
font-weight:bold;
padding:auto;
}


button
{
display:block;
background-color:#eb5ead;
color:white;
font-family:'Berkshire Swash', serif;
font-size:1.5rem;
padding:1rem;
margin:1rem auto;
border:none;
}


button:hover
{
background-color:black;
color:white;
}


#header
{
    margin-bottom:2rem;
}


#header h1, #header h2
{
line-height:1;
padding: 3rem 1rem 0 0;
}


h1
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:3rem;
margin:0 auto;
font-weight:lighter;
text-align:center;
}



h2
{
font-family:Baskerville, serif; 
color:white;
text-transform:uppercase;
font-size:2rem;
letter-spacing:.25rem;
padding:1rem;

}



h3
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:2rem;
font-weight:lighter;
padding:auto;
margin:auto;
text-align:center;
}


.eating
{
display:flex;
padding:2rem;
flex-basis:200px;
border-radius:0.65rem
}


.characters
{
    display:flex;
    padding:2rem;
    flex-basis:200px;
    border-radius:0.65rem
}



.RachelSmythe
{
display:flex;
padding:2rem;
flex-basis:200px;
border-radius:0.65rem
}



.Tartarus
{
padding-top:4rem;
padding-bottom:4rem;
}



h4
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:1.5rem;
font-weight:lighter;
text-align:center;
margin-left: 2rem;
margin-right:2rem;
}


form
{
text-align: center;
justify-content: center;
max-width:800px;
margin:auto;
}


#social
{
max-width:400;
padding:auto;
display:flex;
justify-content:space-around;
}


p
{
font-family: 'Arima Madurai', sans-serif;
color:white;
font-size:1.25rem;
text-align:center;
padding:auto;
}




@media(min-width:520px)
{

body
{
margin:0 3rem 3rem 3rem;
}

h1
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:5rem;
text-align:center;
}



h2
{
font-family:Baskerville, serif; 
color:white;
text-transform:uppercase;
text-align: center;
font-size:2rem;
letter-spacing:1rem;
}


h3
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:3rem;
padding:auto;
text-align:center;
}



.RachelSmythe
{
padding-left:1.5rem;
flex-basis:200px;
border-radius:0.65rem
}





p
{
font-family: 'Arima Madurai', sans-serif;
color:white;
font-size:1.75rem;
text-align:center;
padding:auto;
}

.Tartarus
{
padding-bottom:4rem;
}





#social
{
display:flex;
justify-content:space-around;
max-width:300px;
margin:auto;
}

}




@media(min-width:1140px)
{



    .LOV1_Cover-copy
{
    max-width: 800px;
    margin:auto;
}

header
{
    display:flex;
}

header img
{
order:1;
}


#header h1, #header h2
{
line-height:0.7;
padding: 3rem 1rem 0 0;
}


#Reviews
{
    text-align: left;
}



body
{
    background-size:cover;
    margin:0 5rem 0 5rem;
}


h1
{
font-size:10rem;
text-align:center;
}


h3
{
text-align:center;
}



.characters
{
    display:flex;
    float:right;
    padding:2rem;
    border-radius:0.65rem
}

.eating
{
display:flex;
float:left;
padding:2rem;
border-radius:0.65rem
}



h4
{
font-family:'Berkshire Swash', serif;
color:white;
font-size:3rem;
text-align:center;
}


#social
{
max-width:auto;
display:flex;
margin:0 10rem 2rem 10rem;
justify-content:center;
justify-content:space-around;
}


#Published h3
{
font-size: 3rem;
}


#Where h4
{
font-weight: lighter;
}

.RachelSmythe
{
float:left;
padding-bottom:2rem;
padding-left:1.5rem;
flex-basis:200px;
}



#Author h2
{
padding:0;
}




p
{
font-family: 'Arima Madurai', sans-serif;
color:white;
font-size:1.25rem;
text-align:center;
padding:0 3rem 0 3rem;
margin:auto;
}


#social
{
display:flex;
justify-content:center;
padding:1rem 0 3rem 0;
justify-content:space-around;
max-width:300px;
margin:auto;
}


}