@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@300;400;700&display=swap";:root{--color-black: #000000;--color-yellow: #FFBF00;--color-white: #FFFFFF;--color-dark-grey: #121212;--color-light-grey: #f4f4f4;--font-primary: "Bebas Neue", sans-serif;--font-secondary: "Roboto", sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 8rem;--transition-fast: .2s ease;--transition-medium: .4s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-secondary);background-color:var(--color-black);color:var(--color-white);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);text-transform:uppercase;letter-spacing:1px;line-height:1.1}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}img{max-width:100%;display:block}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-sm)}.btn{display:inline-block;padding:12px 32px;font-family:var(--font-primary);font-size:1.2rem;letter-spacing:1px;text-transform:uppercase;background-color:var(--color-yellow);color:var(--color-black);border:2px solid var(--color-yellow);cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background-color:transparent;color:var(--color-yellow)}.btn-outline{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-outline:hover{background-color:var(--color-white);color:var(--color-black)}.text-yellow{color:var(--color-yellow)}