*{margin:0;padding:0;outline:0;box-sizing:border-box}#root,body,html{height:100%}body{background:#f5f5f5}body,button,input{font-family:Arial,Helvetica,sans-serif}.login-container{height:100%;display:flex;justify-content:center;align-items:center}.login-container form{width:100%;max-width:300px;display:flex;flex-direction:column}.login-container form input{margin-top:20px;border:1px solid #ddd;border-radius:4px;height:48px;padding:0 20px;font-size:16px;color:#666}.login-container form input::-webkit-input-placeholder{color:#999}.login-container form input::-moz-placeholder{color:#999}.login-container form input:-ms-input-placeholder{color:#999}.login-container form input::-ms-input-placeholder{color:#999}.login-container form input::placeholder{color:#999}.login-container form button{margin-top:10px;border:0;border-radius:4px;height:48px;font-size:16px;background:#df4723;font-weight:700;color:#fff;cursor:pointer}.main-container{max-width:980px;margin:0 auto;padding:50px 0;text-align:center}.main-container ul{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:30px;margin-top:50px}.main-container ul li{display:flex;flex-direction:column}.main-container ul li img{max-width:100%;border-radius:5px 5px 0 0}.main-container ul li footer{flex:1 1;background:#fff;border:1px solid #eee;padding:15px 20px;text-align:left;border-radius:0 0 5px 5px}.main-container ul li footer strong{font-size:16px;color:#333}.main-container ul li footer p{font-size:14px;line-height:20px;color:#999;margin-top:5px}.main-container ul li .buttons{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px}.main-container ul li .buttons button{height:50px;box-shadow:0 2px 2px 0 rgba(0,0,0,.05);border:0;border-radius:4px;background:#fff;cursor:pointer}.main-container ul li .buttons button:hover img{-webkit-transform:translateY(-5px);transform:translateY(-5px);-webkit-transition:all .2s;transition:all .2s}.main-container .empty{font-size:32px;color:#999;font-weight:700;margin-top:300px}.match-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:rgba(0,0,0,.8)}.match-container .avatar{width:200px;height:200px;border-radius:50%;border:5px solid #fff;margin:30px 0}.match-container strong{font-size:32px;color:#fff}.match-container p{margin-top:10px;font-size:20px;line-height:30px;max-width:400px;color:hsla(0,0%,100%,.8)}.match-container button{border:0;background:none;font-weight:700;color:hsla(0,0%,100%,.8);font-size:18px;margin-top:30px;cursor:pointer}
/*# sourceMappingURL=main.f9c3d784.chunk.css.map */