@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700;800&display=swap";html,body{margin:0;padding:0;text-align:center}*{font-family:Readex Pro,sans-serif}.primary-title{font-size:60px;color:#fff}.primary-button{color:#fff;text-transform:uppercase;font-size:15px;background:linear-gradient(45deg,#fe3072,#ff5940);padding:12px 30px;border-radius:30px;border:none}.primary-button:hover{background:linear-gradient(260deg,#fe3072,#ff5940)}.secondary-button{color:#797777;background-color:#fff;font-weight:500;font-size:15px;text-transform:uppercase;padding:12px 30px;border-radius:30px;border:solid 2px rgb(121,119,119);margin:6px}.secondary-button:hover{color:#303030;border:solid 2px rgb(48,48,48)}nav{width:100%;display:flex;justify-content:space-between}nav .nav-button{height:50px;width:100px;color:#fe3072;background-color:#fff;font-size:20px;padding:10px 20px;border-radius:10px;border:none;margin:10px}nav .nav-button:disabled{background-color:#bdb4b4;color:#a0264b}nav .logo-container{width:170px;margin:15px}nav .logo-container .logo{width:100%}.overlay{width:100vw;min-height:100vh;position:fixed;background:linear-gradient(to bottom,#000000a6,#0000),url(/assets/indian-couple-3UeZeF67.jpg);background-size:cover;background-position:center top 10%;overflow:auto}.home{margin-top:10vh}.auth-modal{position:absolute;left:0;right:0;top:50px;margin-left:auto;margin-right:auto;max-width:360px;height:450px;background-color:#fff;border-radius:10px;padding:40px}.auth-modal .close-icon{float:right}.auth-modal form{display:flex;flex-direction:column}.auth-modal input[type=password],.auth-modal input[type=email]{padding:8px;margin:8px;font-size:17px}.onboarding{border-top:solid 1px rgb(213,213,213)}.onboarding form{display:flex;justify-content:center;max-height:90vh;overflow-y:auto;flex-wrap:wrap}.onboarding form section{display:flex;flex-direction:column;padding:10px;width:100%;max-width:450px;min-width:300px;text-align:start}.onboarding form input{padding:10px 20px;margin:5px 0;font-size:14px;border:solid 2px rgb(219,219,219);border-radius:10px}.onboarding form label{margin:5px 0}.onboarding form .multiple-input-container{display:flex;flex-wrap:wrap}.onboarding form input::-webkit-outer-spin-button,.onboarding form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.onboarding form .multiple-input-container input{margin-right:10px}.onboarding form .multiple-input-container label{padding:8px;font-size:14px;border:solid 2px rgb(144,144,144);border-radius:10px;transition:all .3s;margin-right:5px}.onboarding form input[type=radio]{display:none}.onboarding form input[type=number]{width:15%}.onboarding form input[type=radio]:checked+label{border:solid 2px rgb(221,39,22)}.onboarding form input[type=submit]:hover{background-color:#ebebeb}.onboarding form input[type=submit]:active{background-color:#e27373}.onboarding form .photo-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:270px;height:400px;overflow:hidden;border-radius:10px;margin:0 auto}.onboarding form .photo-container img{width:100%;height:100%;object-fit:cover;display:block;border-radius:10px}.show-gender{display:flex;flex-direction:column;align-items:start}.show-gender label{display:block;margin-top:5px}.dashboard{display:flex;justify-content:space-between}.dashboard .swipe-container{width:70%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.swipe{position:absolute}.dashboard .card-container{width:300px;height:550px}.card{width:300px;height:550px;border-radius:30px;background-size:cover;background-position:center}.card h3{margin-top:0}.dashboard .swipe-info{position:absolute;bottom:0;padding:10px}.chat-container{background-color:#fff;box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;width:30%;text-align:left;z-index:1}.chat-container .chat-container-header{background:linear-gradient(45deg,#fe3072,#ff5940);height:100px;display:flex;justify-content:space-between;align-items:center}.chat-container .option{border:none;background-color:#fff;border-bottom:solid 4px rgb(243,33,33);font-size:20px;margin:2px;padding:10px}.chat-container .option:disabled{border-bottom:solid 4px rgb(187,187,187)}.chat-container .profile,.chat-container .log-out-icon{display:flex;align-items:center;padding:20px;color:#fff}.img-container{height:30px;width:30px;border-radius:15px;overflow:hidden;margin:10px}.img-container img{width:100%}.chat-display,.matches-display{padding:20px;height:60vh;overflow-y:auto}.chat-input{padding:20px;display:flex;flex-direction:column}@media screen and (max-width: 768px){.primary-title{font-size:40px}.primary-button,.secondary-button{font-size:14px;padding:10px 20px}.auth-modal{width:90%;max-width:320px}.dashboard{flex-direction:column;align-items:center}.dashboard .swipe-container{width:100%;height:auto}.dashboard .card-container{width:90%;height:auto}.chat-container{width:100%}}