*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}.gallery{display:flex;flex-wrap:wrap;justify-content:space-evenly;list-style-type:none}.thumbnail{cursor:pointer;max-height:400px;max-width:500px;margin:45px 20px 30px;transition:.5s;transform:scale(1)}.thumbnail:hover{transform:scale(1.2)}.thumbnail img{height:100%;object-fit:cover;width:100%;border-radius:15px}.thumbnail:focus,.thumbnail:focus-visible{border:5px solid #0653fa}.popup{align-content:center;animation:fadeIn .3s;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);display:flex;flex-wrap:wrap;justify-content:center;height:100vh;position:fixed;left:0;top:0;width:100vw}.popup.hidden{display:none}.popup.fade-out{animation:fadeOut .3s both}.popup img{max-height:80%;max-width:80%}.popup_close{background-color:transparent;color:#000;position:fixed;top:64px;right:64px}.popup_arrow,.popup_close{border:none;cursor:pointer;font-size:128px}.popup_arrow{border-radius:50%;position:absolute;top:50%;opacity:50%;line-height:128px;height:128px;width:128px;transition:opacity .3s}.popup_arrow:hover{opacity:1}.popup_arrow--left{left:5%}.popup_arrow--right{right:5%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadedOut{0%{opacity:1}to{opacity:0}}