body.project-detail-page {
    min-height: 100vh; 
    display: flex;
    flex-direction: column;
    background-color: white;
    background: linear-gradient(
    to bottom, 
    black 0vh, 
    black 85vh, 
    #8b8245 110vh
);
}

/* Hela alltet i mitten */
.project {
    max-width: 40vw;
    margin: 0 auto;
    padding: 4vh 3vw;
    text-align: center;
    color: whitesmoke;
}

/* Titeln */
.project-title {
    font-size: 2rem;
    margin-bottom: 3vh;
    display: flex;
    align-items: left;
}

/* Bilden i mitten */
.project-image img {
    width: 100%;
    height: auto;
    overflow: hidden;
    max-height: 45vh; 
    object-fit: cover;
    border-radius: 1.5vw;
    margin-bottom: 3vh;
    border: solid #6B5718;
}

/* Description */
.project-description {
    font-size: 1.1rem;
    text-align: left;
    margin: 0 auto 3vh auto;
    width: 80%;
    margin-left: 30px;
    line-height: 1.6;
    letter-spacing: 0.05vw;
}

/* Flytta knappen till höger */
.project-visit {
    text-align: right; 
}

/* Knappen */
.visit-button {
    background: #6B5718;
    color: whitesmoke;
    padding: 1.5vh 1.5vw;
    border-radius: 1vw;
    text-decoration: none;
    font-weight: bold;
    transition: 0.3s;
}

/* Hover effekt */
.visit-button:hover {
    background: #d4c768;
}