/* General Page Styling */
body {
    background-color: #FFC5D3; /* */
    color: #330C15;            /* */
    font-family: Garamond, serif; /* */
    font-size: 25px;           /* */
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
}

/* Navigation Bar */
.navbar {
    background-color: #fff0f3;
    padding: 15px 40px;
    border-radius: 50px;
    margin: 30px 0;
    display: flex;
    gap: 25px;
    box-shadow: 0px 4px 15px rgba(0,0,0,0.05);
}

.navbar a {
    text-decoration: none;
    color: #330C15;
    font-weight: bold;
    font-size: 18px;
    transition: 0.3s;
}

.navbar a:hover {
    color: #FFC5D3;
}

/* Header Text */
header {
    text-align: center;
    margin-bottom: 40px;
}

/* Container for Text Box and Image */
.main-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 50px; /* Space between the box and photo */
    padding: 20px;
}

/* The White Text Square */
.text-side {
    background-color: white; /* */
    padding: 35px;
    border-radius: 20px;     /* */
    width: 300px;
    height: 300px;           /* */
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 12px 12px 0px #330C15; /* */
    transition: 0.3s;
}
/* Image Styling */
.image-frame img {
    border-radius: 20px;     /* */
    width: 320px;
    height: auto;
    display: block;
    box-shadow: 12px 12px 0px rgba(51, 12, 21, 0.2);
}

/* Text inside the square */
.text-side h3 {
    margin-top: 0;
    font-size: 28px;
}

.text-side p {
    font-size: 20px;
    line-height: 1.4;
}

/* Center the Resume card on the screen */
.Resume-container {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.Resume-card {
    background-color: white;
    padding: 40px;
    border-radius: 25px;
    width: 100%;
    max-width: 600px;
    box-shadow: 15px 15px 0px #330C15; /* Matches your homepage shadow */
    color: #330C15;
}

.Resume-card h1 {
    text-align: center;
    margin-bottom: 10px;
}

.Resume-card hr {
    border: 1px solid #FFC5D3;
    margin-bottom: 25px;
}