/* "Resume" Header at Top */
body {
    background-image: url('../../img/home/flatirons.jpg');
    background-size: cover;
    background-position: center;
    background-attachment: fixed; /* Keep the background fixed while scrolling */
    height: 100vh;
}


.page-header h2 
{
    text-align: center; /* Center the text horizontally */
    margin: 30px auto;

    font-size: 50px;
}
  
/* "Return to Homepage" Button */
#back-button
{
    position: absolute; /* Position absolutely */
    top: 20px; /* 10 pixels from the top */
    left: 20px; /* 10 pixels from the left */

    width: 20px;
    height: 20px;

    color: white;
}
  
/* */
.resume {
    background-color: white;
    margin: 0 auto; /* Center horizontally */
    max-width: 8.5in;
    min-height: 11in;
    width: 80%;
    border: 1px solid rgb(148, 147, 147);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease; /* Add transition effect */
}

.resume:hover {
    transform: scale(1.05); /* Zoom effect on hover */
}