#container{
    background-color: aliceblue;
    width: 500px;
    height: 550px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    border-radius: 20px;
}

h1{
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 25px;
    text-align: center;
}

input{
    width: 80px;
}

#oblicz{
    width: 60px
}

#suma{
    display: none;
}
#btn{
    margin-left: 120px;
}
#strzalka {
  display: inline-block; /* Konieczne dla transformacji */
  font-size: 5rem;
  cursor: pointer;
  /* Płynne przejście obrotu w 2.3 sekundy */
  transition: transform 2s ease; 
  transform-origin: center center; /*obrót dookoła podstawy*/
}

.kontener-obrazow {
  position: relative; /* Kontener określa obszar pozycjonowania */
  display: inline-block; /* Dopasowuje kontener do rozmiaru obrazka */
}

.kontener-info {
    padding-left: 50px;
}

.obraz-bazowy {
  display: block;
  width: 100%; /* Opcjonalnie: dostosuj rozmiar */
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

.obraz-nad {
  position: absolute;
  top: 65px; /* Odległość od góry */
  left: 85px; /* Odległość od lewej */
  width: 100px; /* Rozmiar nałożonego obrazka */
  z-index: 10; /* Upewnia się, że obraz jest na wierzchu */
}

img {
  /* Sprawi, że białe tło stanie się przezroczyste (przydatne przy czarnych logo) */
  mix-blend-mode: multiply; 
}

#stanimg{
    width: 200px;
    height: 250px;
    float: right;
    image-resolution: auto;
    margin-top: -60%;
    margin-right: 10%;
}