/**
 * Custom CSS for theme goes here
 */
@tailwind base;
@tailwind components;
@tailwind utilities;

@import url('https://fonts.googleapis.com/css2?family=Rowdies&display=swap');

.font-rowdies{
font-family: 'Rowdies', sans-serif;    
}

.bg-orange{
    background-color: #f2994a;
}

a{
    cursor: pointer;   
}

.text-outline {
  text-shadow:
    6px 0 0 #000,
    -6px 0 0 #000,
    0 6px 0 #000,
    0 -6px 0 #000,
    6px 6px 0 #000,
    -6px -6px 0 #000,
    6px -6px 0 #000,
    -6px 6px 0 #000;
}
@media (max-width: 932px) {
    .text-outline {
      text-shadow:
        2px 0 0 #000,
        -2px 0 0 #000,
        0 2px 0 #000,
        0 -2px 0 #000,
        2px 2px 0 #000,
        -2px -2px 0 #000,
        2px -2px 0 #000,
        -2px 2px 0 #000;
    }  
}