#media-area{flex-direction:column;align-items:center;gap:2.5rem;width:100%;padding:1.5rem 0 1.7rem;display:flex}.mosaic{text-shadow:0 0 .75rem #ffffff8c;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:100%;display:flex}.mosaicMedia{object-fit:contain;filter:drop-shadow(0 0 .75rem #ffffffd9);border-radius:1rem;max-width:100%;height:auto;transition:all .3s;display:block}.mosaicMedia:hover{transform:scale(1.05)}.card-link-project{border-radius:9999px;justify-content:space-between;align-items:center;gap:.5px;padding:.55rem;font-size:.85rem;font-weight:700;line-height:1;text-decoration:none;transition:grid-template-columns .25s,padding .25s,transform .15s,filter .15s;display:flex;overflow:hidden}.card-link-project .material-symbols-outlined{color:#fff;font-size:1.05rem}.label-button-project{color:#fff;padding:0 .5rem;font-size:.85rem;font-weight:700}.card-link-project:hover{filter:brightness(1.1);padding:.55rem 1.4rem;transform:scale(1.05)}.card-link-project.check{background:linear-gradient(135deg,#3a8053,#16a34a)}.card-link-project.demo{background:linear-gradient(135deg,var(--primary),var(--primary-hover))}.card-link-project.repo{background:linear-gradient(135deg,#7c22c5,#9316a3)}.card-link-project.check:hover{box-shadow:0 0 18px #22c55ea6}.card-link-project.demo:hover{box-shadow:0 0 18px var(--primary-hover)}.card-link-project.repo:hover{box-shadow:0 0 18px #7c22c5}.card-link-project:active{transform:scale(1.02)}@media (min-width:768px){#media-area{flex-flow:wrap;justify-content:center;gap:2rem}.mosaic{flex:45%;max-width:500px}}@media (min-width:1200px){.mosaic{flex:30%;max-width:350px}}
.light-box{z-index:60;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#0000008c,#000000b3);grid-template-columns:80px 1fr 80px;grid-template-areas:"navLeft media navRight";width:100vw;height:100vh;display:grid;position:fixed;inset:0}.nav-side.left{grid-area:navLeft;justify-content:center;align-items:center;height:100%;display:flex}.lightbox-media{text-shadow:0 0 1rem #fff;text-align:center;grid-area:media;grid-template-rows:1.5fr 7fr 1.5fr;place-items:center;width:100%;height:100%;display:grid}.media-frame{justify-content:center;align-items:center;width:100%;max-height:70vh;display:flex}.media-content{object-fit:contain;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:70vh}.nav-side.right{flex-direction:column;grid-area:navRight;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.navigate-btn{color:#fff;text-shadow:0 0 1rem #fff,0 0 2rem #fff,0 0 4rem #fff,0 0 8rem #fff,0 0 10rem #fff;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex}.navigate-btn.left span{padding-right:.05rem}.navigate-btn.right span{padding-left:.05rem}.navigate-btn:hover{background:#ffffff1a;transform:scale(1.1)}.navigate-btn span{font-size:2rem}.close-btn{color:#fff;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;padding:10px;transition:all .3s;position:absolute;top:20px;right:20px}.close-btn:hover{background:#f006}