html{scroll-behavior:smooth}*{box-sizing:border-box}body{background-color:#15202b;font-family:Proxima Nova,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;padding:0}a,body{color:#f9f9f9}a{text-decoration:none}@media only screen and (min-width:768px){body{font-size:20px}}@media only screen and (min-width:480px) and (max-width:768px){body{font-size:18px}}@media only screen and (max-width:479px){body{font-size:16px}}.ReactModal__Overlay{transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}@keyframes explode{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:0;transform:scale(2)}}.explode{animation:explode .3s ease forwards;position:relative}.heart-confetti{animation:heart-particle-animation .6s ease-out forwards;background-color:red;border-radius:50%;height:10px;opacity:0;position:absolute;width:10px}@keyframes heart-particle-animation{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--x)*1px),calc(var(--y)*1px)) scale(.8)}}.exploding{animation:explode .3s ease-out forwards;position:relative}.match-card{min-width:14rem!important;transition:transform .3s ease}.match-card:hover{transform:scale(1.05)}.highlight{background-color:#ffff004d;transition:background-color .5s ease-out}