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

body {
  @apply bg-white;
  @apply text-gray-600;
  @apply font-light;
}

a {
  @apply text-gray-600;
}

a:hover {
  @apply text-blue-900;
  @apply underline;
  @apply underline-offset-2;
}

.ti, .icon-tabler {
  stroke-width: 1px;
  fill: none;
  @apply text-gray-500;
  @apply stroke-gray-500;
}

a:hover .ti, a:hover .icon-tabler {
  @apply stroke-blue-900;
}

ul {
  @apply !list-inside;
}
input[type="radio"],input[type="checkbox"] {
  @apply focus:ring-transparent;
}

.article{
  width:100%;
  
}
.image{
  &.right{
    float:right;
    margin-left:30px;
  }
  &.left{
    float:left;
    margin-right:30px;
  }
}
.content{
  color:#444;
  .headline{
  }
}
.group{
  &:before,
  &:after {
    content: "";
    display: table;
  } 
  &:after {
    clear: both;
  }
}

@media (max-width: 1024px) {
  .hide-on-small {
    display: none;
  }
}

@media (max-width: 480px) {
  .xxs {
    font-size: xx-small;
  }
}