@tailwind base;
@tailwind components;
@tailwind utilities;

body {
  @apply bg-gray-900;
  color: white;
  background-color: rgb(18,53,69);
}
.siginInFontSize{
  font-size: 90px;
  font-weight: bold;
}
.InputFieldStyle{
  background-color: rgb(34,73,87);
  border: none;
}
input[type="checkbox"] {
  accent-color: rgb(34,73,87);
  width: 20px; 
  height: 20px; 
  font-size: 40px;
}
.Remember{
  margin-right: 15px;
}
.remember_me_box{
  margin-top: 20px;
  padding-bottom: 20px;
}
.container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

#singleCardData{
  color: white;
  cursor: pointer;
}