body,html{height:100%}body{margin:0;background-color:#20262e;overflow:hidden}#app .vue-tinder{position:absolute;z-index:1;left:0;right:0;top:23px;margin:auto;width:calc(100% - 20px);height:calc(100% - 451px);min-width:300px;max-width:355px}.like-pointer,.nope-pointer{position:absolute;z-index:1;top:20px;width:64px;height:64px}.nope-pointer{right:10px}.like-pointer{left:10px}.super-pointer{bottom:80px;left:0;right:0;margin:auto}.rewind-pointer,.super-pointer{position:absolute;z-index:1;width:112px;height:78px}.rewind-pointer{top:20px;right:10px}.pic{width:100%;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat;background-color:#f5f5f5}.btns{position:absolute;left:0;right:0;bottom:300px;margin:auto;height:65px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:300px;max-width:355px}.btns img{margin-right:12px;-webkit-box-shadow:0 4px 9px rgba(0,0,0,.15);box-shadow:0 4px 9px rgba(0,0,0,.15);border-radius:50%;cursor:pointer;-webkit-tap-highlight-color:transparent}.btns img:nth-child(odd){width:53px}.btns img:nth-child(2n){width:65px}.btns img:last-child{margin-right:0}.bottom-navbar{position:fixed;bottom:0;left:0;width:100%;background-color:#20262e;color:#fff;padding:10px 20px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 -2px 4px rgba(0,0,0,.1);box-shadow:0 -2px 4px rgba(0,0,0,.1)}.bottom-navbar,.bottom-navbar ul{display:-webkit-box;display:-ms-flexbox;display:flex}.bottom-navbar ul{list-style:none;margin:0;padding:0}.bottom-navbar li{margin-right:20px;font-size:32px}.bottom-navbar a{color:#fff;text-decoration:none;-webkit-transition:color .2s ease;transition:color .2s ease}.bottom-navbar a:hover{color:#ccc}nav{padding-right:20vw;position:absolute;bottom:0;left:0;right:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1rem;background-color:#20262e;-webkit-box-shadow:0 -2px 4px rgba(0,0,0,.1);box-shadow:0 -2px 4px rgba(0,0,0,.1)}nav,nav a{display:-webkit-box;display:-ms-flexbox;display:flex}nav a{font-family:sans-serif;font-size:32px;margin:0 30px 0 30px;text-decoration:none;color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-align:center}.parkinsans-300{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.parkinsans-400{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.parkinsans-500{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.parkinsans-700{font-family:Parkinsans,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}