input,
textarea,
label,
select p {
  display: inline-flex;
  margin: 0;
  padding: 0;
}

input:focus {
  outline: none;
}

:host {
  font-family: Roboto;
  font-size: 16px;
  background-color: #F4F8F9;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  text-align: start;
  h2 {
    opacity: 0.7;
    color: #000000;
    font-size: 20px;
    font-weight: 300;
    line-height: 24px;
  }
  #projectDetails {
    fieldset {
      margin: 20px 0;
      input {
        line-height: 16px;
        text-indent: 20px;
      }
      input,
      textarea {
        text-align: start;
        border: 1px solid #E1E9EB;
        border-radius: 3px;
        background-color: #FAFAFA;
        opacity: 0.7;
        color: rgba(0, 0, 0, 0.87);
        font-size: 14px;
        width: 100%;
      }
      textarea {
        padding: 12px 20px;
        resize: none;
      }
      &:last-of-type {
        text-align: end;
        button {
          height: 36px;
          width: 76px;
          border-radius: 2px;
          color: #00CCFF;
          font-size: 14px;
          font-weight: 500;
          line-height: 16px;
          text-align: center;
          background-color: transparent;
          border: none;
          outline: none;
        }
      }
    }
    #skill,
    #title {
      height: 50px;
    }
    #description {
      height: 120px;
    }
  }
}

:host ::ng-deep app-dropdownlist-skills .box {
  width: 100%;
  .input-skill {
    height: 50px;
  }
}
