/* My Projects Window Styling */
.projects-window {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px; /* Large width */
    height: 400px; /* Large height */
    background-color: #FFE4E1; /* Background color for the window itself */
    border: 2px solid black;
    box-shadow: 8px 8px 0 #000;
    display: none; /* Initially hidden */
}

.projects-window .window-body {
    padding: 30px; /* Padding for content */
    font-size: 1.2em; /* Adjust font size for readability */
    line-height: 1.6;
    background-color: #FFECEF; /* Match the overall background color */
    height: 300px;
}

.projects-window h1 {
    font-size: 2em; /* Larger font size for the heading */
    margin-bottom: 20px;
}

.projects-window ul {
    list-style-type: none; /* Remove default list styling */
    padding: 0;
}

.projects-window ul li {
    margin-bottom: 15px;
}

.projects-window ul li a {
    font-size: 1.2em; /* Adjust font size for readability */
    color: #4A90E2; /* Link color */
    text-decoration: none;
}

.projects-window ul li a:hover {
    text-decoration: underline; /* Underline links on hover */
}