html, body {
  height: 100%;
  margin: 0;
}

body {
  position: relative;
}

body::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("src/bg-round1.jpg");
  background-size: cover;
  background-position: center;
  position: fixed;
  filter: blur(0.15vh);
  background-blend-mode: darken;
  background-color: rgba(0, 0, 0, 0.33); /* tmavá vrstva */
  transform: scale(2);
  z-index: -1;
}

#authWindow {
  max-width: 500px;
  min-width: 380px;
  min-height: 400px;
  background-color: whitesmoke;
  border-radius: 1.5vh;
  box-shadow: rgba(110, 110, 110, 0.781) 0px 50px 100px -20px, rgba(10, 10, 10, 0.514) 0px 30px 60px -30px;
}

/*uzivatel nemuze dragovat*/
.prevent-select { 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none;
}


.hoverClick {
  cursor: pointer;
}

.btn-light_blue {
    background-color: #58b9f5;
}
.btn-light_blue:hover {
    background-color: #1289d3;
}
.btn-light_blue.disabled{
    background-color: #8ecff7;
}

#logo {
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.815);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;    
    border-radius: 7px;
    position: absolute;
    left: 10px;
    top: 10px;

}
#logo > img {
    width: 300px;
}

.notCompleted {
    text-decoration: underline;
    color: rgb(226, 57, 57) !important;
}
.Completed {
    text-decoration: line-through !important;
    color: gray !important;
}

#sadasddasd45 > s {
    text-decoration: none;
}


@media (max-height:500px) {
  #logo{
      left: 0px;
      top: 0px;
      margin: 0 auto;
      position: relative;
  }
    body {
    flex-direction: column;
    height: fit-content;
  } 
}

@media (max-width:600px) {
  #logo{
      left: 0px;
      top: 0px;
      margin: 0 auto;
      position: relative;
  }
  #authWindow {
    width: 95%;
    padding: 2rem;
  }
  body {
    flex-direction: column;
  } 
}