:root {
  --violet: rgb(109, 109, 212);
  --violet-transparent: rgba(109, 109, 212, 0.9);
  --violet-strong-transparent: rgba(109, 109, 212, 0.5);
  --violet-light-transparent: rgba(233, 233, 249);
  --dark-gray: #525252;
  --devdraw: #0b2b53;
}
.smaki {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: left;
  margin-top: 200px;
}
.smaki h1 {
   display: flex;
  justify-content: center;
  align-items: center;
  font-size:clamp(1.1rem , 2vw, 1.4rem);
  padding: 1rem;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  transform: translateX(-10px);
}

.smaki h1 > img {
  margin: 0 1rem;
}

.opis {
    color:var(--dark-gray);
    font-style: italic;
    /* padding:1rem; */
    text-align: justify;
    display: flex;
    flex-direction: column;
    width:100%;
    margin: 3rem auto;
    max-width:800px;    
    scroll-margin-top: 200px;
    /* margin-bottom:3rem; */
}

.opis p {
    text-indent: 2rem;
    padding:0rem 2rem 1rem 2rem;
    /* font-size:1rem; */
}

.opis p > a {
    color:var(--violet);
    font-weight: 600;
    /* font-style: normal; */
}

.centered {
    text-align: center;
    /* max-width:700px; */
    margin:0 auto;
    padding:1.5rem!important;
    font-size:1.2rem;
}

.opis h2 {
  width: 100%;
  text-align: center;
  margin: .5rem .5rem 1rem .5rem;
  color: var(--violet);
  font-size: clamp(1.1rem, 2.6vw, 1.3rem);
  font-weight: bold;
}