.rad {
  border-radius: 10px;
}

html,
body {
    overflow: hidden;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(25deg, #87873c, #87873c72);
}
.container-bg {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
}
#blurCanvasTop {
  left: 0%;
  top: 0%;
  position: absolute;
}

.bg {
  z-index: -1;
  position: absolute;
  top: 0;
}

h1,
h2 {
  color: white;
}

.kartya {
  cursor: pointer;
  transition: 1s;
  transform: scale(0.9);
}

.kartya:hover {
  transform: scale(1);
  transition: 1s;
}

a, a:link {
    text-decoration: none;
}

/* width */
::-webkit-scrollbar {
    width: 1vh;

  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: rgb(255, 255, 255);
    border-radius: 10px;

  }