article{margin:5em 10%;height:-webkit-max-content;height:-moz-max-content;height:max-content;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-line-pack:space-evenly;align-content:space-evenly;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.article-title{padding-top:1em;text-align:center;font-size:3em}.project-card{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:200;font-size:1.5em;padding:1em 2em;margin:1em;display:-ms-grid;display:grid;place-items:center;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.image-slider{max-width:500px;height:auto;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1em}.image-slider>img:first-of-type{display:block}.project-image{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:none;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.zoom,.collage{display:-ms-grid;display:grid;place-items:center;position:absolute;border-radius:.3em;font-size:1em;padding:.3em;margin:.2em;background:rgba(0,0,0,0.3);top:0;cursor:pointer;-webkit-transition:background 200ms;transition:background 200ms}.zoom{right:0}.zoom:hover,.collage:hover{background:rgba(0,0,0,0.8)}.collage{left:0}.unzoom.unzoom{display:none}.lightbox.lightbox{margin:0;padding:0;display:block;max-width:90vw;width:60vw;border:5px solid #ffc684;border-radius:5px}.lightbox-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.prev,.next{cursor:pointer;position:absolute;top:50%;width:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding:.5em;background:rgba(0,0,0,0.3);color:white;font-weight:bold;font-size:1em;-webkit-transition:0.6s ease;transition:0.6s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:.3em}.next{right:2%}.prev{left:2%}.prev:hover,.next:hover{background-color:rgba(0,0,0,0.8)}.project-info{justify-self:flex-start;text-align:justify;padding:.5em 1em}.project-name{text-align:left;font-size:1.5em;font-weight:600}@media (max-width: 1400px){.prev,.next,.zoom{font-size:.6em}.project-card{-ms-grid-columns:1fr;grid-template-columns:1fr}}
/*# sourceMappingURL=style.css.map */