@import url('https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap');
/* body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  font-family: 'Quicksand', sans-serif;
  line-height: 1.5;
  font-weight: bold;
} */

/* .hskpart {
    justify-content: space-between;
    display:inline-block;
    position:absolute;
    right: 0vw;
    width: 25vw;
    margin : 5px;
    user-select: none;
  } */

  .hskpart {
	display: flex;
	justify-content: center;
	align-items: center;
  /* width: 50vw; */
	gap: 20vw;
	margin-top: 0.35vh; 
	margin-bottom: 0.1vh;
	/* padding: 1vw; */
  }


.hskbox {
  width: 100px;
  /* margin: 25px 0; */
  display: flex;
  align-items: center;
  user-select: none;
}
.hskbox label {
  font-size: 10px;
  color: #b4b1b1;
  position: absolute;
  z-index: 10;
  padding-left: 25px;
  cursor: pointer;
}
.hskbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.hskbox input:checked ~ .check {
  border-color: #17179b;
  box-shadow: 0px 0px 0px 15px #5bc7eb inset;
}
.hskbox input:checked ~ .check::after {
  opacity: 1;
  transform: scale(1);
}
.hskbox .check {
  width: 12px;
  height: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 100px;
  background-color: #FFF;
  border: 2px solid #000000;
  box-shadow: 0px 0px 0px 0px #00EA90 inset;
  transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}
.hskbox .check::after {
  content: '';
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 4;
  position: absolute;
  transform: scale(0);
  background-size: 50%;
  background-image: url('https://s6.picofile.com/d/8392306668/bacc888c-bed7-41a9-bf24-f6ff0718f471/checkmark.svg');
  background-repeat: no-repeat;
  background-position: center;
  transition-delay: 0.2s !important;
  transition: all 0.25s cubic-bezier(0, 1.05, 0.72, 1.07);
}


.boven-container {
	display: flex;
	/* justify-content: space-between; */
  justify-content: center;
  }

.scorebox {
	display: flex;
  align-items: center;
  margin-left : 5px;
	justify-content: space-between;
}
  
.clickbox {
	display: flex;
	justify-content: space-between;
}