@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@400;500&display=swap);*{box-sizing:border-box}html{font-size:.5vmax}body{color:#2a2d32;font-family:Rubik,sans-serif;font-size:1.6rem;height:100vh;margin:0;overflow:hidden}.app-wrapper{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;height:100vh;padding:2rem;position:relative;width:100vw}#img-loader{display:none;height:0;width:0}.photo-wrapper{-webkit-animation-duration:12s;animation-duration:12s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;left:0;max-height:20rem;max-width:20rem;position:absolute;top:0;-webkit-transform:scale(1) translateX(-50%) translateY(-50%);transform:scale(1) translateX(-50%) translateY(-50%)}.photo{border-radius:1rem;box-shadow:10px 10px 15px rgba(1,1,1,.5);max-height:40rem;max-width:40rem;object-fit:contain}.fade-exit-active{-webkit-animation:fade-scale-out 1.5s ease-in-out forwards;animation:fade-scale-out 1.5s ease-in-out forwards}@-webkit-keyframes fade-scale-top-left{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(-200%) translateY(-100%);transform:scale(2) translateX(-200%) translateY(-100%)}}@keyframes fade-scale-top-left{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(-200%) translateY(-100%);transform:scale(2) translateX(-200%) translateY(-100%)}}@-webkit-keyframes fade-scale-top-right{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(150%) translateY(-100%);transform:scale(2) translateX(150%) translateY(-100%)}}@keyframes fade-scale-top-right{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(150%) translateY(-100%);transform:scale(2) translateX(150%) translateY(-100%)}}@-webkit-keyframes fade-scale-bottom-left{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(-200%) translateY(50%);transform:scale(2) translateX(-200%) translateY(50%)}}@keyframes fade-scale-bottom-left{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(-200%) translateY(50%);transform:scale(2) translateX(-200%) translateY(50%)}}@-webkit-keyframes fade-scale-bottom-right{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(150%) translateY(50%);transform:scale(2) translateX(150%) translateY(50%)}}@keyframes fade-scale-bottom-right{0%{opacity:0}30%{opacity:1}85%{opacity:1}to{opacity:0;-webkit-transform:scale(2) translateX(150%) translateY(50%);transform:scale(2) translateX(150%) translateY(50%)}}@-webkit-keyframes fade-scale-out{0%{opacity:1}to{opacity:0}}@keyframes fade-scale-out{0%{opacity:1}to{opacity:0}}
/*# sourceMappingURL=main.f1c97dde.css.map*/