.bodyContainer{
    display: flex;
    flex-direction: column;
}

.introduction{
    text-align: center;
}

.portfolio{
    display: flex;
    justify-content: center;
    gap: 50px;
    flex: 1;

    background-image: linear-gradient(to bottom, #6c6ee900 0%, #d43e3e2d 50%, #6c6ee900 100%);
}
.portfolioCatagory{
    width: 380px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: white;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    color: white;
}

.portfolioCatagory .image{
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    background-size: cover;
    border-radius: 10px;
    border: solid 5px rgba(255, 255, 255, 0.507);
}
.portfolioCatagory a{
    padding: 10px 50px;
    border-radius: 10px;
    background-color: white;
    color: black;
    font-weight: 700;
    text-decoration: none;
    margin-top: auto;
}
.gameDevelopment{
    background-color: #17383aaf;
    outline: solid 5px #357e8396;
}

.webDevelopment{
    background-color: #000000c4;
    outline: solid 5px #ffcd2896;
}

._3dArt{
    background-color: #575757bd;
    outline: solid 5px #2861ff94;
}

.gameDevelopment .image{
    background-image: url("/Images/staticResources/gameDevelopment.png");
}
.webDevelopment .image{
    background-image: url("../Images/staticResources/webDevelopment.png");
}
._3dArt .image{
    background-image: url("../Images/staticResources/3dArt.png");
}

.contact{
    text-align: center;
}