.portfolio .button-container{flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;display:flex}.portfolio .button-container .tags-container{flex-wrap:wrap;justify-content:center;display:flex}.portfolio .button-container .btn{cursor:pointer;margin:1rem}.portfolio .image-container{flex-wrap:wrap;justify-content:center;align-items:center;padding:1rem 0;display:flex}.portfolio .image-container .box{border:1.5rem solid var(--primary-bg-color);border-radius:.5rem;width:35rem;height:25rem;margin:1rem;position:relative;overflow:hidden;box-shadow:0 .5rem 1rem #0000001a}.portfolio .image-container .box img{object-fit:fill;width:100%;height:100%}.blog .image-container .box .project-link,.portfolio .image-container .box .project-link{z-index:99;color:var(--main-color);background-color:var(--secondary-bg-color);border-radius:30%;padding:.08em;font-size:3em;position:absolute;bottom:10px;right:10px}.portfolio .image-container .box .info{background:var(--primary-bg-color);opacity:.9;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;transform:scale(0)}.portfolio .image-container .box:focus-within .info,.portfolio .image-container .box:hover .info,.portfolio .image-container .box:focus .info{transform:scale(1)}.portfolio .image-container .box .info h3{color:var(--primary-text-color);font-size:2.5rem}.tab{cursor:pointer;opacity:.6;background:var(--primary-bg-color);color:var(--primary-text-color);text-align:center;border:0;outline:0;flex-grow:1;padding:10px 60px;font-size:20px}.tab:focus{outline:1px solid var(--primary-text-color)}.tab.active{border-bottom:2px solid var(--main-color);opacity:1}.button-group{justify-content:center;width:100%;display:flex}@media (max-width:608px){.portfolio .button-container .btn.tags{padding:.5rem 1.5rem;font-size:1.85rem}}