.portfolio-background{row-gap:30px;width:100%;background-image:linear-gradient(90deg,#243949,#517fa4 100%)}.portfolio-background,.portfolio-background .page-title{display:flex;flex-direction:column;align-items:center;justify-content:center}.portfolio-background .page-title{margin:10px}.portfolio-background .page-title h1{font-style:italic;font-weight:700;text-shadow:1px beige}.portfolio-background .main-container{display:flex;flex-direction:column;row-gap:30px;width:80%;height:100%;position:relative;background-color:hsla(0,0%,80%,.1);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:25px;align-items:center}.portfolio-background .main-container .box-title{display:flex;flex-direction:column;height:30px;margin:10px;align-items:center;justify-content:center}.portfolio-background .main-container .box-title h4{font-size:30px;font-weight:700;color:#ffcda5}.portfolio-background .main-container .image{display:flex;width:80%;height:100%;margin:10px;align-items:center;justify-content:center}.portfolio-background .main-container .image img{width:100%;background-color:rgba(0,0,0,.05);box-shadow:0 0 5px 5px hsla(0,0%,100%,.2);object-fit:contain;object-position:center center;border-radius:15px}.portfolio-background .main-container .content-title{display:flex;width:100%;height:50px;align-items:center;justify-content:center}.portfolio-background .main-container .content-title h4{font-size:30px;font-weight:500;color:#fff;border-top:2px solid #c8c8c8;border-bottom:2px solid #c8c8c8}.portfolio-background .main-container .content{display:flex;flex-direction:column;width:80%;min-height:5vh;margin:20px;align-items:center}.portfolio-background .main-container .content p{color:#fff;line-height:4vh;font-size:2.5vh;font-weight:500;font-style:italic}.portfolio-background .main-container .images-container{display:flex;flex-direction:column;row-gap:10px;width:80%;align-items:center}.portfolio-background .main-container .images-container .image-box{display:flex;flex-direction:column;row-gap:5px;width:100%}.portfolio-background .main-container .images-container .image-box .image-title{display:flex;align-items:center;justify-content:center}.portfolio-background .main-container .images-container .image-box .image-title h4{color:#fff;font-size:2.5vh;font-weight:500;margin:10px}.portfolio-background .main-container .images-container .image-box .image{display:flex;width:100%;align-items:center;justify-content:center}.portfolio-background .main-container .images-container .image-box .image img{width:100%;object-fit:contain;object-position:center center}.portfolio-background .navigate-box{display:flex;flex-direction:column;row-gap:15px;width:100%;margin:15px;align-items:center}.portfolio-background .navigate-box h3{font-weight:700;font-style:italic;color:beige}.portfolio-background .navigate-box button{width:15vh;height:5vh;font-size:2.5vh;font-style:italic;font-weight:bolder;border-radius:5px;border:0;background-color:#ffcda5;color:#000;cursor:pointer}.portfolio-background .navigate-box button:hover{background-color:beige}