/*
    Braon boja: #5b443e;
*/

body {
  background-image: url("img/imgonline-com-ua-Color-filter-UXZGxkD7iMYj.jpg");
  background-size: cover;
  background-position: bottom;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-attachment: fixed;
}

@font-face {
  font-family: nuptial;
  src: url(fonts/NuptialBT.ttf);
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.imena {
  font-style: italic;
  font-weight: normal;
  font-size: 130px;
  font-family: nuptial;
}

.ikonica {
  width: 100px;
  height: auto;
}

a {
  font-style: oblique;
}

h1 {
  font-size: 70px;
}

.pictureico {
  width: 150px;
  height: auto;
}

.preuzimanje-slika {
  border-color: white;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

.preuzimanje-slika:hover {
  background-color: white;
  color: hsl(12, 19%, 30%, 1);
  font-family: Arial, Helvetica, sans-serif;
}

.ikonice {
  height: 100px;
}

.onama {
  font-style: oblique;
}

.presek {
  width: 310px;
}

.onama-text {
  font-size: 22px;
}

#tajmer {
  font-size: 50px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
    "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
  border: 3px solid white;
  font-style: oblique;
}

@media screen and (max-width: 600px) {
  body {
    background-image: url("img/p4-pozadina.jpg");
    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    background-position: center;
    background-attachment: fixed;
  }
  h1 {
    font-size: 55px;
  }
  p {
    font-size: 14px;
  }
  .imena {
    font-size: 74px;
    font-weight: normal;
  }
  .ikonica {
    width: 80px;
    height: auto;
  }
  .presek {
    width: 300px;
  }
  #tajmer {
    font-size: 18px;
    font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande",
      "Lucida Sans Unicode", Geneva, Verdana, sans-serif;
    border: 2.5px solid white;
  }
  .onama-text {
    font-size: 17px;
  }
  .preuzimanje-slika {
    border-color: white;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
  }
  .preuzimanje-slika:hover {
    border-color: white;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
  }
  .pictureico {
    width: 100px;
    height: auto;
  }
}