body{
    background-color: honeydew;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    margin: 6px;
    padding: 3px;
}

h1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.about{
    border-radius: 16px;
    background-color: aquamarine;
    padding-left: 5px;
    padding-bottom: 1px;
}

.projects{
    padding-left: 34px;
    padding-right: 34px;
    padding-bottom: 47px;
    border-radius: 16px;
    background-color: rgb(127, 255, 185);
}

.contact{
    border-radius: 16px;
    background-color: aquamarine;
    padding-left: 5px;
}

.projectsection {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 520px), 1fr));
    gap: 20px;
}

.project{
    background-color: rgba(34, 211, 137, 0.616);
    backdrop-filter: blur(5px);
    width: auto;
    border-radius: 16px;
    padding: 0 10px 10px 10px;
    margin-bottom: 15px;
    transition: ease-in-out 0.35s;
    z-index: 1;
}

.project:hover{
    transition: ease-in-out 0.35s;
    transform: scale(1.05);
    z-index: 2;
}

.project:active{
    transition: ease-in-out 0.35s;
    transform: scale(1.1);
    z-index: 3;
}


.projectTitle{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.projectDesc{
    font-size: 14px;
}

.projectImg{
    border-radius: 16px;
    width: 100%;
    height: auto;
    padding-bottom: 0px;
}

.projectLink{
    padding-left: 16px;
    margin-top: 0px;
}