@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap);.app,body{display:flex}.app__bg,.app__bg__image,body{overflow:hidden}.app,.app__bg,.app__bg::before,.app__bg__image img,.cardList__btn .icon,.cardList__btn .icon svg{width:100%;height:100%}.app__bg,.card{user-select:none}.app__bg::before,.card::before{z-index:1;content:"";background:#000}.app__bg,.infoList{pointer-events:none}:root{--card-width:200px;--card-height:300px;--card-transition-duration:800ms;--card-transition-easing:ease}*{box-sizing:border-box;margin:0;padding:0}body{width:100%;height:100vh;justify-content:center;align-items:center;background:rgba(0,0,0,.787)}.app,.modal-container{justify-content:center}button{border:none;background:0 0;cursor:pointer}button:focus{outline:0;border:none}.app{position:relative;align-items:center}.app__bg,.app__bg::before,.app__bg__image,.cardList,.cardList__btn{position:absolute}.app__bg{z-index:-5;filter:blur(8px)}.app__bg::before{left:0;top:0;opacity:.8}.app__bg__image{left:50%;top:50%;transform:translate(-50%,-50%) translateX(var(--image-translate-offset,0));width:180%;height:180%;transition:transform 1s,opacity 1s}.card,.info{transition:transform var(--card-transition-duration) var(--card-transition-easing)}.app__bg__image img{object-fit:cover}.app__bg__image.current--image{opacity:1;--image-translate-offset:0}.app__bg__image.next--image,.app__bg__image.previous--image{opacity:0}.app__bg__image.previous--image{--image-translate-offset:-25%}.app__bg__image.next--image{--image-translate-offset:25%}.cardList{width:calc(3 * var(--card-width));height:auto}.cardList__btn{--btn-size:35px;width:var(--btn-size);height:var(--btn-size);top:50%;transform:translateY(-50%);z-index:100}.cardList__btn.btn--left{left:-5%}.cardList__btn.btn--right{right:-5%}.cardList .cards__wrapper{position:relative;width:100%;height:100%;perspective:1000px}.card{--card-translateY-offset:100vh;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) translateX(var(--card-translateX-offset)) translateY(var(--card-translateY-offset)) rotateY(var(--card-rotation-offset)) scale(var(--card-scale-offset));display:inline-block;width:var(--card-width);height:var(--card-height)}.card::before,.card__image,.card__image img{width:100%;height:100%}.card::before{position:absolute;left:0;top:0;transition:opacity var(--card-transition-duration) var(--card-transition-easing);opacity:calc(1 - var(--opacity))}.card__image{position:relative}.card__image img{position:absolute;left:0;top:0;object-fit:cover}.card.current--card{--current-card-rotation-offset:0;--card-translateX-offset:0;--card-rotation-offset:var(--current-card-rotation-offset);--card-scale-offset:1.2;--opacity:0.8}.card.previous--card{--card-translateX-offset:calc(-1 * var(--card-width) * 1.1);--card-rotation-offset:25deg}.card.next--card{--card-translateX-offset:calc(var(--card-width) * 1.1);--card-rotation-offset:-25deg}.card.next--card,.card.previous--card{--card-scale-offset:0.9;--opacity:0.4}.infoList{position:absolute;width:calc(3 * var(--card-width));height:var(--card-height)}.infoList .info__wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:flex-start;align-items:flex-end;perspective:1000px;transform-style:preserve-3d}.info{margin-bottom:calc(var(--card-height)/ 8);margin-left:calc(var(--card-width)/ 1.5);transform:translateZ(2rem)}.info .text{position:relative;font-family:Montserrat;font-size:calc(var(--card-width) * var(--text-size-offset, .2));white-space:nowrap;color:#fff;width:fit-content}.info .location,.info .name{text-transform:uppercase}.info .location{--mg-left:40px;--text-size-offset:0.12;font-weight:600;margin-left:var(--mg-left);margin-bottom:calc(var(--mg-left)/ 2);padding-bottom:.8rem}.info .location::after,.info .location::before{content:"";position:absolute;background:#fff;left:0;transform:translate(calc(-1 * var(--mg-left)),-50%)}.info .location::before{top:50%;width:20px;height:5px}.info .location::after{bottom:0;width:60px;height:2px}.info .description{--text-size-offset:0.065;font-weight:500}.info.current--info{opacity:1;display:block}.info.next--info,.info.previous--info{opacity:0;display:none}.loading__wrapper{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#000;z-index:200}.loading__wrapper .loader--text{color:#fff;font-family:Montserrat;font-weight:500;margin-bottom:1.4rem}.loading__wrapper .loader{position:relative;width:200px;height:2px;background:rgba(255,255,255,.25)}.loading__wrapper .loader span{position:absolute;left:0;top:0;width:100%;height:100%;background:red;transform:scaleX(0);transform-origin:left}@media only screen and (min-width:800px){:root{--card-width:250px;--card-height:400px}}.support{position:absolute;right:10px;bottom:10px;padding:10px;display:flex}.modal,.modal-container{position:fixed;display:none;z-index:1000}.support a{margin:0 10px;color:#fff;font-size:1.8rem;backface-visibility:hidden;transition:150ms}.support a:hover{transform:scale(1.1)}.modal{margin:auto;max-width:600px;width:80%;height:80%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:focus,.close-button:hover{color:#000;text-decoration:none;cursor:pointer}.modal-container{height:100%;width:100%;top:0;left:0;align-items:center;background:rgba(0,0,0,.8)}.modal-background{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.modal-background .modal{background:#fff;padding:20px;border-radius:3px}.modal-container.one{transform:scaleY(.01) scaleX(0);animation:1s cubic-bezier(.165,.84,.44,1) forwards unfoldIn;display:flex}.modal-container.one .modal-background .modal{transform:scale(0);animation:.5s cubic-bezier(.165,.84,.44,1) .8s forwards zoomIn}.modal-container.one.out{transform:scale(1);animation:1s cubic-bezier(.165,.84,.44,1) .3s forwards unfoldOut}.modal-container.one.out .modal-background .modal{animation:.5s cubic-bezier(.165,.84,.44,1) forwards zoomOut}@keyframes unfoldIn{0%{transform:scaleY(.005) scaleX(0)}50%{transform:scaleY(.005) scaleX(1)}100%{transform:scaleY(1) scaleX(1)}}@keyframes unfoldOut{0%{transform:scaleY(1) scaleX(1)}50%{transform:scaleY(.005) scaleX(1)}100%{transform:scaleY(.005) scaleX(0)}}@keyframes zoomIn{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}100%{transform:scale(0)}}