nav#portfolio-grid{width:100vw;height:calc(100vh - 3rem);overflow:auto;margin-top:3rem}nav#portfolio-grid section #item-grid{display:flex;gap:1%;flex-wrap:wrap}@media screen and (max-width:720px){nav#portfolio-grid section #item-grid{gap:2ch}}nav#portfolio-grid section #item-grid .portfolio-item{width:24.25%;aspect-ratio:4/3;position:relative;margin-bottom:1%}@media screen and (max-width:1600px){nav#portfolio-grid section #item-grid .portfolio-item{width:32%}}@media screen and (max-width:1200px){nav#portfolio-grid section #item-grid .portfolio-item{width:49%}}@media screen and (max-width:720px){nav#portfolio-grid section #item-grid .portfolio-item{width:99%;aspect-ratio:5/2}}nav#portfolio-grid section #item-grid .portfolio-item-thumbnail{width:100%;height:100%;background-size:cover;background-position:50%}nav#portfolio-grid section #item-grid .portfolio-item-description{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(212,212,212,.9);opacity:0;transition:opacity .5s}nav#portfolio-grid section #item-grid .portfolio-item-description h3,nav#portfolio-grid section #item-grid .portfolio-item-description p{color:#000;text-align:center}nav#portfolio-grid section #item-grid .portfolio-item-description h3{font-weight:500;font-size:1.8rem;margin:1ch 0}@media screen and (max-width:850px){nav#portfolio-grid section #item-grid .portfolio-item-description h3{font-size:1.6rem;font-size:1.4rem}}nav#portfolio-grid section #item-grid .portfolio-item-description p{font-weight:300;font-size:1.12rem;padding:1ch 2ch;margin:0}@media screen and (max-width:850px){nav#portfolio-grid section #item-grid .portfolio-item-description p{font-size:1rem}}@media screen and (max-width:600px){nav#portfolio-grid section #item-grid .portfolio-item-description p{padding:.5ch .9ch}}nav#portfolio-grid section #item-grid .portfolio-item-description:hover{opacity:1}nav#portfolio-grid section #item-grid .portfolio-item img{width:100%}#content-container{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:99;background-color:rgba(32,32,32,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}#content-container .relative-positioner{height:100%;position:relative;overflow:auto}#content-container h1{margin-top:5rem;margin-bottom:1rem}#content-container h2{margin:.6rem 0;font-size:2.2rem}#content-container .back-button{position:absolute;top:4rem;left:1rem;z-index:999}@media screen and (max-width:690px){#content-container .back-button{display:none}}#content-container main{padding:1rem 0}#content-container main section{margin:0 20%}@media screen{#content-container main section{margin:0 9%}}#content-container main hr{width:90%;height:1px;background-color:#fff;color:#fff}#content-container main .image-gallery{margin:3rem 15% 0;display:flex;flex-direction:row;flex-wrap:wrap;height:auto;gap:1%;justify-content:center;align-items:center}@media screen and (max-width:600px){#content-container main .image-gallery{margin:0 5%}}#content-container main .image-gallery .portfolio-image{width:49.5%;height:auto;margin:0;overflow:hidden}#content-container main .image-gallery .portfolio-image img{width:100%;cursor:pointer;transition:margin .5s,width .5s}#content-container main .image-gallery .portfolio-image img:hover{width:110%;margin-left:-5%;margin-top:-5%}@media screen and (max-width:495px){#content-container main .image-gallery .portfolio-image{width:99%}}#content-container main p{margin:.5rem 0}#image-viewer{position:absolute;top:0;left:0;width:100vw;height:100vh;position:fixed;background-color:rgba(0,0,0,.8);z-index:999999;display:flex;justify-content:center;align-items:center}#image-viewer .image-wrapper{width:77%;position:relative}#image-viewer .image-wrapper #image-viewer-close{position:absolute;top:0;right:0;font-size:1.7rem;margin:0;padding:1rem;background:radial-gradient(circle,rgba(8,8,8,.55) 0,rgba(255,255,255,0) 60%);background-size:3.3ch auto;cursor:pointer}#image-viewer .image-wrapper img{max-width:100%;width:auto}