/* CSS Document */
.odrazka{
color: #ffc451;
}
.odrazka::before {
  font-family: bootstrap-icons;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  vertical-align: sub;
  content: "\f280";
  font-size: 110%;
  color: #ffc451;
  margin-right: .35em;
  }



.container {
animation: transitionIn 1s;

}
@keyframes transitionIn {
from {
opacity: 0;
transform: rotateX(-10deg);

}
to {
opacity: 1;
transform: rotateX(0);

}

}

@keyframes slideInLeft {
from {
transform: translateX(100%);

}
to{
transform: translateX(0);
}
}

.doLeva {

animation-name: slideInLeft;
animation-duration: 0.3s;
animation-timing-function: ease-out;
animation-delay: 0s;
animation-iteration-count: 1;
animation-direction: normal;
animation-fill-mode: none;
/*transform: translateX(-150px);*/
}

/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}