@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%;
  padding:12px;

  
}
.image{
  background:silver;
  width:400px;
  height:300px;
  color:#efefef;
  font-size:8rem;
  &.right{
    float:right;
    margin-left:30px;
  }
  &.left{
    float:left;
    margin-right:30px;
  }
}
.content{
  padding: 0 20px;
  margin-top: 8%;
  color:#444;
  .headline{
  }
}
.group{
  &:before,
  &:after {
    content: "";
    display: table;
  } 
  &:after {
    clear: both;
  }
}