/*
 * Custom CSS
 */

:root {
  --bs-body-bg: var(--bs-gray-100);
}

html,
body {
 /* height: 100%;*/
  margin: 0;
  padding: 0;
/*  overflow: hidden;*/
}


.login_page {
  width: 100%;
  height: 100%;  
  display: flex;
  align-items: center;
  text-align: center;
  animation: loginchangeBackgroundColor 30s infinite;
}

@keyframes loginchangeBackgroundColor {
  0% {
    background-color: #09aae0;
  }
  25% {
    background-color: #d6098b;
  }
  50% {
    background-color: #ff9f00;
  }
  75% {
    background-color: #d6098b;
  }
  100% {
    background-color: #09aae0;
  }
}

@keyframes loginchangeSubmitColor {
  0% {
    background-color: #FFFFFF;
  }
  50% {
    background-color: #DDDDDD;
  }
  100% {
    background-color: #FFFFFF;
  }
}


.input_text {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

.submit_login {
  width: 80%;
  padding: 12px 20px;
  margin-top: 28px;
  display: inline-block;
  border-radius: 10px;
  border: 0px solid silver;
  box-sizing: border-box;
  animation: loginchangeSubmitColor 10s infinite;

  
}

.icon_large {
  font-size: 40px;
  color: #FFFFFF;
}

.menubar {
border-radius:8px;padding:10px;margin-bottom:10px;
background: rgb(9,170,224);
background: linear-gradient(81deg, rgba(9,170,224,1) 0%, rgba(214,9,139,1) 50%, rgba(255,159,0,1) 100%);
}