*{
    padding: 0;
    margin: 0;
}
body{
    font-family: 'Slabo 27px', serif;
    height: 100vh;
    background: #0c1014;
}
label{
    color: #f6f1f1;
    margin: 0 5px;
    font-size: 1.2rem;
}
select{
    padding: 5px 10px;
    font-size: 1.2rem;
}
input{
    color: #464d55;
    padding: 5px 10px;
    font-size: 1.2rem;
    border: 2px inset rgb(189, 197, 197);
}
textarea{
    border: 2px inset rgb(189, 197, 197);
    width: 37rem;
}
.textarea{
    width: 50%;
}
.elyziumComplaint__status{
    background-color: #6C96F7;
    text-align: center;
    padding: 3rem;
    width: 100%;
}
.elyziumFlex{
    margin: 5rem 10rem 0 10rem;
    display: flex;
    justify-content: space-between;
    gap: 3rem;
}

.elyziumName{
    width: 50%;
}
.elyziumComplaint__status_form{
    width: 50%;
}

.elyziumLogo img{
    height: 14rem;
    width: 18rem;
}
.elyziumName h2{
    font-weight: 600;
    font-size: 2.2rem;
}
.complaintTypeFlex{
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
}
.priorityFlex{
    margin-bottom: 2rem;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.complaintAssign{
    margin-bottom: 2rem;
}
.managerFlex{
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.manager{
    margin-bottom: 2rem; 
}



.button-84 {
  align-items: center;
  background-color: initial;
  background-image: linear-gradient(#464d55, #25292e);
  border-radius: 8px;
  border-width: 0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .1),0 3px 6px rgba(0, 0, 0, .05);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  font-family: expo-brand-demi,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size: 18px;
  height: 45px;
  justify-content: center;
  line-height: 1;
  margin: 0;
  outline: none;
  overflow: hidden;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
  transform: translate3d(0, 0, 0);
  transition: all 150ms;
  vertical-align: baseline;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-84:hover {
  box-shadow: rgba(0, 1, 0, .2) 0 2px 8px;
  opacity: .85;
}

.button-84:active {
  outline: 0;
}

.button-84:focus {
  box-shadow: rgba(0, 0, 0, .5) 0 0 0 3px;
}

@media (max-width: 420px) {
  .button-84 {
    height: 48px;
  }
}



