@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}h2{font-style:italic}*{font-family:Readex Pro,sans-serif}.primary-title{font-size:90px;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{color:#fe3072;background-color:#fff;font-size:20px;padding:10px 20px;border-radius:10px;border:none;margin:10px}nav .nav-button:disabled{background-color:#b5b4b4;color:#bd2a5a}nav .logo-container{width:170px;margin:15px}nav .logo-container .logo{width:100%}.overlay{width:100vw;height:100vh;position:fixed;background:linear-gradient(to bottom,#000000a6,#0000),url(/assets/backgroundimage-BjB6EH9p.webp)}.home{margin-top:30vh}.auth-modal{position:absolute;left:0;right:0;top:50px;margin-left:auto;margin-right:auto;max-width:360px;height:600px;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}.onboarding form section{display:flex;flex-direction:column;padding:20px;width:35%;text-align:start}.onboarding form input{padding:15px 30px;margin:10px 0;font-size:15px;border:solid 2px rgb(219,219,219);border-radius:10px}.onboarding form label{margin:10px 0}.onboarding form .multiple-input-container{display:flex;flex-direction:row}.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:10px;border:solid 2px rgb(144,144,144);border-radius:10px;transition:all .3s;margin-right:10px}.onboarding form input[type=radio]{display:none}.onboarding form input[type=number]{width:10%}.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 img{width:100%}.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:400px;height:650px}.card{width:400px;height:650px;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:50px;width:50px;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}.button-30{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fcfcfd;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;color:#36395a;cursor:pointer;display:inline-flex;font-family:JetBrains Mono,monospace;height:48px;justify-content:center;line-height:1;list-style:none;overflow:hidden;padding-left:16px;padding-right:16px;position:relative;text-align:left;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform;font-size:18px}.button-30:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.button-30:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.button-30:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}