body {
    text-align: center;
    background-color: lightgray;
    font-family: Arial, sans-serif;
}

.container {
    text-align: center;
    background-color: white;
    padding: 20px;
    border: 2px solid #789ca3; 
    border-radius: 10px; 
    box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.3); 
}

h1 {
    font-size: 32px;
    font-weight: bold;
    color: #333; 
    margin-bottom: 20px;
}

.info-container {
    display: inline-block;
    text-align: center;
    margin: 10px;
}
p {
    font-size: 18px;
    color: #333; 
}
label {
    font-size: 18px;
    color: #333; 
    display: inline; 
    font-weight: bold;
}

.email {
    font-size: 18px;
    color: #555; 
    display: inline; 
    margin-left: 10px; 
}

.project-container {
    border: 2px solid black;
    padding: 10px;
    background-color: white;
    line-height: 1.5;
}
    .project-container a {
        margin-bottom: 10px; /* Adjust this value to increase or decrease the spacing between lines */
    }

img {
    max-width: 30%; 
    height: auto; 
}

a:link, a:visited {
    background-color: #789ca3;
    color: white;
    padding: 10px 20px; 
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 25px; 
}

a:hover, a:active {
    background-color: #9b6262;
}

.image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .image-container img {
        margin: 15px; 
        width: 250px; 
        height: 200px; 
        transition: transform 0.3s, opacity 0.3s; 
    }

        .image-container img:hover {
            transform: scale(1.1); 
            opacity: 0.8; 
        }