* {
    margin: -12px; 
    padding: -45px;
}


/* Header */
#header-bkg{
position: absolute;
width: 1600px;
height: 345px;
left: 0px;
top: 0px;
background: #324443;
}


/* Savannah Waligore */
#header-text{color: #FBE6E6;
font-family: "Courier New", Courier, monospace;
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 700px;
height: 74px;
top: 75px;
left: 400px;
position: absolute;
text-align: center;} 

/* Welcome to My Website */
#headerh2{color: #FBE6E6;
font-family: "Courier New", Courier, monospace;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 700px;
height: 74px;
top: 145px;
left: 400px;
position: absolute;
text-align: center;}

/* nav bar */
#nav-bar{position: absolute;
color: #FBE6E6;
font-family: "Courier New", Courier, monospace;
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
top: 215px;
left: 200px;}

body{
background-image: url(../_images/book_image.png);
background-size: cover;
width: 1080px;
height: 1900px;
aspect-ratio: 138/167;
background-attachment: fixed;
background-position: center;
padding-bottom: 10px;
}

/*About Me Photo*/
#about-me-photo{
position: absolute;
width: 550px;
height: 881px;
top: 396px;
left: 100px;
}


/*Text on Home and About me Page*/
#body-text{position: absolute;
    color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
width: 725px;
top: 396px;
left: 700px;
background-color: #324443;
height: fit-content;
padding: 15px;}

/*Index Page Image*/
#book-home-image{
position: absolute;
width: 550px;
height: 881px;
top: 396px;
left: 100px;
}

/*resume image on home page*/
#resume-image{
position: absolute;
left: 700px;
width: 725px;
height: 675px;
top: 600px;
aspect-ratio: 276/355;
}

/*Footer*/
#footer{
position: absolute;
bottom: 0px;
top: 1900px;
height: 164px;
width: 1600px;
color:#FBE6E6;
font-family: "Courier New", Courier, monospace;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-align: center;
background-color: #C97E31;}

/*Instagram icon*/
#instagram{
position: absolute;
width: 100px;
height: 100px;
top: 1925px;
left: 125px;}

/*LinkedIn icon*/
#linkedin{
position: absolute;
width: 100px;
height: 100px;
top: 1925px;
left: 1350px;}

/*Gallery Page Images*/
/*Graduation Image*/
#gallery-image1{
position: absolute;
width: 294px;
height: 421px;
aspect-ratio: 44/63;
top: 396px;
left: 950px;}

/*Bentley Image*/
#gallery-image2{
position: absolute;
width: 294px;
height: 475px;
aspect-ratio: 25/42;
top: 875px;
left: 950px;}

/*TSA Image*/
#gallery-image3{
position: absolute;
width: 350px;
height: 350px;
aspect-ratio: 82/81;
top: 1000px;
left: 550px;}

/*Broadcating Image*/
#gallery-image4{
position: absolute;
width: 318px;
height: 574px;
aspect-ratio: 41/74;
top: 396px;
left: 550px;}

/*Commitment Image*/
#gallery-image5{
position: absolute;
width: 352px;
height: 377px;
aspect-ratio: 169/181;
left: 100px;
top: 396px;}

/*Secret Santa Image*/
#gallery-image6{
position: absolute;
width: 352px;
height: 352px;
aspect-ratio: 1/1;
left: 100px;
top: 800px;}

/*Sadie PSU Image*/
#gallery-image7{
position: absolute;
width: 352px;
height: 352px;
aspect-ratio: 1/1;
left: 100px;
top: 1200px;}

/*Gallery Page Text*/
#gallery-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 36px;
width: 700px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color: #324443;
height: fit-content;
top: 1400px;
left: 500px;
padding: 15px;}

/*Images on Links Pages*/

/*Daisy Jones Image*/
#daisy-jones{position: absolute;
width: 400px;
height: 600px;
aspect-ratio: 80/121; 
top: 396px;
left: 100px;}

/*Daisy Jones Text*/
#daisy-jones-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 400px;
height: fit-content;
top: 1000px;
left: 85px;
padding: 15px;
}

/*For Keeps Image*/
#for-keeps{position: absolute;
width: 400px;
height: 600px;
aspect-ratio: 80/121; 
top: 396px;
left: 650px;}

/*For Keeps Text*/
#for-keeps-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 400px;
height: fit-content;
top: 1000px;
left: 635px;
padding: 15px;
}

/*Jane Eyre Image*/
#jane-eyre{position: absolute;
width: 400px;
height: 600px;
width: 400px;
height: 600px;
aspect-ratio: 80/121; 
top: 396px;
left: 1200px;}

/*Jane Eyre Text*/
#jane-eyre-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 400px;
height: fit-content;
top: 1000px;
left: 1185px;
padding: 15px;}

/*Boys of Tommen Image*/
#boys-of-tommen{position: absolute;
width: 600px;
height: 400px;
left: 150px;
top: 1200px;}

/*Boys of Tommen Text*/
#boys-of-tommen-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 400px;
height: fit-content;
top: 1610px;
left: 225px;
padding: 15px;}

/*Throne of Glass Image*/
#throne-of-glass{position: absolute;
width: 600px;
height: 400px;
left: 900px;
top: 1200px;}

/*Throne of Glass Text*/
#throne-of-glass-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 400px;
height: fit-content;
top: 1610px;
left: 1000px;
padding: 15px;}

/*Throne of Glass Video*/
#throne-of-glass-video{position: absolute;
left: 200px;
top: 396px;}

/*Throne of Glass Video Text*/
#throne-of-glass-video-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 970px;
height: fit-content;
top: 1200px;
left: 187px;
padding: 15px;}

/*Images Clickable*/
#imagesclickablevertical{
position: absolute;
width: 800px;
height: 1200px;
top: 396px;
left: 200px;
}

#imagesclickablesquare{
position: absolute;
width: 800px;
height: 800px;
top: 700px;
left: 200px;
}

/*BACK TO GALLERY Button*/
#back-to-gallery{position: absolute;
color: #FBE6E6;
font-family: "Courier New", Courier, monospace;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color: #324443;
left: 200px;
top: 1800px;
padding: 15px;}

/*Clickable Images on Gallery Page Text*/
#image-text{position: absolute;
color: #FBE6E6;
font-family: "courier new", courier, monospace;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
background-color:#324443;
width: 780px;
height: fit-content;
top: 1600px;
left: 200px;
padding: 10px;}