.thumbnails{margin:.2rem auto 2rem;display:flex;flex-wrap:wrap}.thumbnail-card{width:250px;height:250px;border:.15rem solid transparent;position:relative;text-align:center}.zoom-icon{width:40px;height:auto;transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%)}.thumbnail{width:100%;height:auto;cursor:pointer}.thumbnail-card:hover .thumbnail{opacity:.3}.thumbnail-card:hover .zoom-icon{opacity:1}.modal{display:none;position:fixed;z-index:500;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.4);touch-action:none}.photo-details{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);display:flex;justify-content:center}.photo-container{margin-top:1.2rem;position:relative;border:.5rem solid white;background-color:white}.original-photo{display:block}.photo-overlay{position:absolute;bottom:0;left:0;right:0;height:2rem;background-color:rgba(0,0,0,0.3);color:white;opacity:.8;font-size:.8rem;font-family:sans-serif;display:flex;justify-content:space-around;align-items:center}.close-button{width:32px;height:32px;cursor:pointer}.close-icon{fill:white;opacity:.5}.close-button:hover .close-icon{opacity:1}.arrow{width:64px;height:auto;position:absolute;top:50%;transform:translate(0%, -50%);-webkit-transform:translate(0%, -50%);opacity:.5;cursor:pointer}.arrow:hover{opacity:1}.left{left:0}.right{right:0}.description{margin-bottom:50px;text-align:left;font-size:20px;color:white;line-height:1.58}.drawings{margin:0 auto}.drawings:before,.drawings:after{content:"";display:table}.drawings:after{clear:both}.drawing-card{margin:10px}.drawing{display:block;width:100%;opacity:.8;transition:opacity .5s ease;backface-visibility:hidden}.drawing:hover{opacity:1}.drawing-column{float:left}body{background-color:#24292e;color:#fff;text-align:center}footer{width:100%;font-family:sans-serif;color:#bfbfbf}.home{width:40vw;height:auto;margin-top:50px;border:.5rem solid white;background-color:white}.home.before{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;animation:enter ease-in-out 1s;-webkit-animation:enter ease-in-out 1s;transition:opacity ease-in 1s;-webkit-transition:opacity ease-in 1s}.home.after{opacity:0;transition:opacity ease-out 1s;-webkit-transition:opacity ease-out 1s}@keyframes enter{from{transform:translateY(200px);opacity:.1}to{transform:translateY(0);opacity:1}}@-webkit-keyframes enter{from{transform:translateY(200px);opacity:.1}to{transform:translateY(0);opacity:1}}.nav{position:sticky;position:-webkit-sticky;top:0;z-index:10;padding-top:10px;padding-bottom:10px;background-color:#24292e;font-family:sans-serif;font-size:20px}.nav-item{color:#bfbfbf}.nav-item:hover{color:#fff}.content-container{margin-top:50px;margin-bottom:50px}.content{width:768px;margin:20px auto;text-align:left;line-height:1.58;font-size:20px;font-family:sans-serif}hr{width:768px;margin:20px auto}.container{margin:2rem auto}.label{margin-bottom:.2rem;font-family:sans-serif;color:#bfbfbf;text-align:left}.label:hover{text-decoration:underline}.top-icon{width:64px;height:auto;position:fixed;bottom:20px;right:50px;z-index:100;cursor:pointer;visibility:hidden;opacity:.4;transition:opacity .5s ease-out, visibility .3s ease-in;-webkit-transition:opacity .5s ease-out, visibility .3s ease-in}.top-icon:hover{opacity:.6}a{color:#bfbfbf;text-decoration:none}a:hover{color:#fff}@media only screen and (max-width: 768px){.home,.content{width:80vw;height:auto}.content{font-size:18px}hr{width:80vw;font-size:16px}.top-icon{left:50%;margin-left:-32px}.about{width:80px;height:auto}}