@tailwind base;
@tailwind components;
@tailwind utilities;

[x-cloak] { display: none; }

.main-container{
    max-width: 1140px;
}
.button{
    @apply py-2 px-4 border border-transparent shadow-sm font-light rounded-md;
    @apply focus:outline-none focus:ring-2 focus:ring-offset-2;
}
.button-small{
    @apply py-0.5 px-2 text-xs rounded;
}
.blue-button{
    @apply text-white bg-hblue-100 hover:bg-hblue-200 focus:ring-hblue-200;
}

.orange-button{
    @apply text-white bg-horange-100 hover:bg-horange-200 focus:ring-horange-200;
}

.detail a{
    @apply text-horange-100 hover:text-horange-200 hover:underline;
}