#portfolio-title {
    font-size: 64px;
    color: #545454;
    line-height: 1;
}
#portfolio-holder-nest {
    background: linear-gradient(135.19deg, rgba(213, 220, 229, 0.44) -5.8%, rgba(148, 158, 180, 0.44) 123.12%);
    background-blend-mode: lighten;
    outline: rgba(119, 149, 208, 0.46) dashed 4px;
    outline-offset: 1%;
    filter: blur(0.35px);
    border-radius: 32px;
}
#portfolio-item {
    
    border-radius: 36px;
    background-color: rgba(166, 177, 197, 0.56);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    border-radius: 32px;
    padding: 3px 3px 0 3px;
}
#portfolio-buttonLink > button {
    background-color: #D9D9D9;
    border-radius: 12px;
    color: rgba(22, 22, 22, 65%);
    padding: 4% 5% 4% 7%;
    line-height: 1;
    font-size: small;
    font-size: large;
}


#portfolio-buttonLink > button:nth-child(1) {
    background-image: url(/static/elements/github-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 50%;
    background-blend-mode: overlay;
}
#portfolio-buttonLink > button:nth-child(2) {
    background-image: url(/static/elements/globe-icon.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: 35%;
    background-blend-mode:overlay;

}
#portfolio-techStackDetail {
    line-height: 1;
}

#portfolio-itemDisplay {
    border-radius: 20px;
    border-width: 12px;
    border-color: #6E8DC9;
    padding: 12px;
}
#portfolio-itemName {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width:630px) {
    #portfolio-item-description {
        flex-direction: column;
    }
    .portfolio-itemDisplay {
        border-width: 5px;
        width: 45%;
    }
}