/* You can add global styles to this file, and also import other style files */
@import "tailwindcss";
@tailwind base;
@tailwind components;
@tailwind utilities;

@media (prefers-color-scheme: light) {
  :root {
      --body-bg: #FFFFFF;
      --body-color: #000000;
  }
}

@media (prefers-color-scheme: dark) {
  :root {
      --body-bg: #000000;
      --body-color: #FFFFFF;
  }
}

header{
  position: sticky; 
  top: 0; 
  z-index: 10;
}


  .rrss {
    width: 5rem;
  }

  .rrss .icon{
    width: 100%;
    display: block;
    padding: 1rem;
    border-radius: 5px;
  }