style.css

/* style.css content */
body {
    background-color: darkgrey;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

#title {
    font-size: 48px; /* Large text for the title */
    font-weight: bold; /* Bold font for the title */
    color: white;
}

#about-me {
    width: 70%;
    padding: 20px;
    color: white; /* Light text color for readability on dark background */
}

#button-container {
    width: 30%;
    padding: 20px;
    text-align: right; /* Aligns buttons to the right */
}

button {
    background-color: pink;
    color: white;
    padding: 10px 20px;
    margin: 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #ff69b4; /* Slightly lighter pink on hover */
}

/* If needed, add more specific styles here */