.webApp{max-height:100%;max-width:100%;width:100%;height:100vh;background:linear-gradient(90deg,#29ffff 13%,#468af1) no-repeat;background-attachment:fixed;background-size:cover}.logo{width:90vw;max-width:540px}.header{margin:auto;text-align:center;color:#fff}.arrows{margin:20px auto auto;display:flex;align-items:center;justify-content:center}.message-card{width:auto;height:100px;margin:20px 50px;background:#f5f5f5;border-radius:20px;box-shadow:0 2px 7px 0 #757575;display:flex}.matches-icon{margin:15px 20px;width:auto;height:70%}.matches-card-text{display:block}.matches-type{margin-top:-8px}.matches-location{margin-top:-6px}.message-card-containter{height:60vh}.messages-container{height:500px;background:#fff;margin:30px 20px auto;box-shadow:0 2px 7px 0 #757575}.messages-name{margin:auto;padding:30px;font-size:42px;text-align:center}.messages-text{margin-left:40px;font-size:14px}.swiperContainer{width:100%;display:flex;justify-content:center;align-items:center}.cardContainer{width:85vw;height:300px;display:block}.card-img{display:block;height:400px;width:auto;margin-left:auto;margin-right:auto}.swipe{position:fixed}.card{align-items:center;width:80vw;max-width:260px;height:300px;box-shadow:0 0 20px 0 rgba(0,0,0,.3);border-radius:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;contain:strict}.card,.infoText{display:flex;justify-content:center}.infoText{margin-top:3rem;width:100%;color:#fff;animation-name:popup;animation-duration:.8s}.card-details{position:fixed;width:100%;background-color:#fff}.card h3{position:absolute;bottom:0;margin:10px;color:#000}