@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue-Regular.ttf) format("truetype")}@font-face{font-family:Lato;src:url(/fonts/Lato-Regular.ttf) format("truetype")}html,body{width:100%;height:100%;margin:0;padding:0;font-family:Lato,sans-serif}:root{--primary: #04ADEE;--primary-hover: #0684b6;--secondary: #F1F4F9;--background: white;--success: #3FC16C;--gray: #e5e7eb;--border-color: #929499;--light-blue: #E9EFF6;--dark-blue: #0255A3;--max-width: 1300px;--header-height: 64px;--screen-padding: 16px;--border-radius: 8px}section{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}section .section-content{width:calc(100% - 2 * var(--screen-padding));max-width:calc(var(--max-width) - 2 * var(--screen-padding));display:flex;flex-direction:column;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-family:Bebas Neue,sans-serif;margin:0}h1{font-size:72px}h2{font-size:48px}h3{font-size:24px}@media screen and (min-width: 1801px){h1{font-size:128px!important}}@media screen and (max-width: 1800px) and (min-width: 1301px){h1{font-size:96px!important}}@media screen and (max-width: 1300px) and (min-width: 501px){h1{font-size:72px!important}}@media screen and (max-width: 500px) and (min-width: 401px){h1{font-size:64px!important}h2{font-size:36px!important}}@media screen and (max-width: 425px){h1{font-size:48px!important}h2{font-size:32px!important}}.animate{opacity:0;transform:translateY(32px);animation:fadeInUp .5s ease-in-out forwards}.slide{opacity:0;transform:translateY(20px);animation:slideIn .5s ease-in-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}
