.portfolio-list-container{display:flex;flex-direction:column;row-gap:20px;width:100%;min-height:calc(100vh - 80px);align-items:center;background-image:radial-gradient(circle,#fff 5%,transparent 95%),linear-gradient(90deg,#6a85b6,#bac8e0);background-repeat:no-repeat,no-repeat;z-index:-2}.portfolio-list-container .box-container{display:flex;flex-direction:row;flex-wrap:wrap;column-gap:10px;row-gap:25px;width:90%;margin-top:25px}.portfolio-list-container .box-container .box{display:flex;flex-direction:column;row-gap:5px;width:calc(25% - 10px);height:300px;position:relative;box-shadow:0 0 5px 0 #fff}.portfolio-list-container .box-container .box a{height:300px;width:100%;position:absolute;top:0}.portfolio-list-container .box-container .box .box-title{display:flex;flex-direction:column;width:100%;height:50px;align-items:center;justify-content:center;position:relative}.portfolio-list-container .box-container .box .box-title:after{content:" ";width:100%;height:100%;background-color:rgba(95,214,250,.2);position:absolute;top:0;z-index:1}.portfolio-list-container .box-container .box .box-title h4{text-align:center;width:100%;font-weight:700;font-size:25px;color:#141414;background-color:transparent;z-index:2}.portfolio-list-container .box-container .box .image{display:flex;width:100%;align-content:center;position:relative}.portfolio-list-container .box-container .box .image img{width:100%;height:250px}.portfolio-list-container .box-container .box .image label{display:flex;width:100%;height:250px;align-items:center;justify-content:center;font-size:5vh;font-style:italic;font-weight:700;position:absolute;top:0;left:0;visibility:hidden}.portfolio-list-container .box-container .box:hover .image label{visibility:visible;background-color:rgba(204,255,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media(max-width:992px){.portfolio-list-container .box-container .box{width:calc(33.3333333333% - 10px)}}@media(max-width:768px){.portfolio-list-container .box-container{width:95%}.portfolio-list-container .box-container .box{width:calc(50% - 10px)}}@media(max-width:768px)and (max-width:576px){.portfolio-list-container .box-container .box{width:calc(100% - 10px)}}