body {
   color: #5562eb;
   font-size: 18px;
}

.flex-block {
   min-height: 78vh;
   display: flex;
   justify-content: center;
   align-items: center;
}

.plants-block {
   border-radius: 10px;
   box-shadow: 0 0 30px 20px rgb(123 123 123 / 8%);
}

.input-label {
   display: block;
   position: relative;
   padding-left: 35px;
   margin-bottom: 12px;
   cursor: pointer;
   user-select: none;
}

.input-label input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.checkmark {
   position: absolute;
   top: 0;
   left: 0;
   height: 25px;
   width: 25px;
   border: 1px solid #5562eb;
   border-radius: 50%;
   transition: all 0.5s;
}

.input-label input:checked~.checkmark {
   background-color: #5562eb;
}

.checkmark:after {
   content: "";
   position: absolute;
   display: none;
}

.input-label input:checked~.checkmark:after {
   display: block;
}

.input-label .checkmark:after {
   left: 9px;
   top: 3px;
   width: 6px;
   height: 14px;
   border: solid white;
   border-width: 0 2px 2px 0;
   transform: rotate(45deg);
}

.btn-blue {
   background-color: #5562eb;
   color: #fff;
}

.btn-blue:hover {
   color: #fff;
}

.login-block {
   max-width: 350px;
   margin: 0 auto;
   border-radius: 10px;
   box-shadow: 0 0 20px 20px rgb(123 123 123 / 8%);
}

.login-label {
   font-size: 15px;
}

.drop-link {
   color: white;
   text-decoration: none;
}

a.drop-link:hover {
   color: white;
}

.bg-custom {
   background-color: #5562eb;
}