body {
    scroll-behavior: smooth;
}
html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space */
/*background: transparent; /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #43c0ff;
}

canvas {
  display: block;
  vertical-align: bottom;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 100%;
  /*background-image: url(https://marcbruederlin.github.io/particles.js/img/background.jpg);*/
  background-position: bottom;
  background-repeat: no-repeat;
  /*background-color: black;*/
  background-size: cover;
  /*z-index: 10;*/
}

.kvadrat {
    background: transparent;
    border: 3px solid rgba(67, 192, 255, .45);
    color: #fff;
    text-transform: none !important;
}

.kvadrat::placeholder{
    color: rgba(67, 192, 255, .80);
}

.kvadrat:focus::placeholder{
    color: rgba(67, 192, 255, .50);
}

.kvadrat:hover {
    border: 3px solid rgba(67, 192, 255, .70);
}

.podcrtan {
    background: transparent;
    border: none;
    border-bottom: 3px solid rgba(67, 192, 255, .45);
    color: #fff;
    text-transform: none !important;
}

.podcrtan::placeholder{
    color: rgba(67, 192, 255, .80);
}

.podcrtan:focus::placeholder{
    color: rgba(67, 192, 255, .50);
}
.podcrtan:hover {
    border-bottom: 3px solid rgba(67, 192, 255, .70);
}