.bodyBoldExtraLarge {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1.125rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em; }

.bodyRegularExtraLarge {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1.125rem;
  font-weight: 350;
  line-height: 1.5rem;
  letter-spacing: 0.012em; }

.bodyBoldLarge {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1.5rem;
  letter-spacing: 0.012em; }

.bodyRegularSmall {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  letter-spacing: 0.012em; }

.bodyBoldMedium {
  font-family: 'Lexend Deca', sans-serif;
  font-size: 0.875rem;
  font-weight: 450;
  line-height: 1.25rem;
  letter-spacing: 0.012em; }

.bodyBackground {
  background-image: url("../img/form-background.svg");
  background-position: top;
  background-size: 1200px;
  background-repeat: repeat-x; }

.contentPanel {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  width: 40%;
  padding: 10px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.29);
  background: #D6F4D4;
  box-shadow: 0 0 32px 0 rgba(82, 188, 88, 0.24); }

.outButton {
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem; }
  .outButton .mat-icon svg path {
    stroke: #173d2c; }

.outButton:hover {
  background: #e7f7e6;
  box-shadow: 0px 16px 4px -16px rgba(82, 188, 88, 0.2), 0px 16px 10px -16px rgba(82, 188, 88, 0.2), 0px 16px 18px -16px rgba(82, 188, 88, 0.2), 0px 20px 20px -18px rgba(82, 188, 88, 0.3);
  border-color: #52bc58;
  color: #173d2c; }
  .outButton:hover .mat-icon svg path {
    stroke: #173d2c; }

.outButton:active {
  background: #d6f4d4;
  box-shadow: 0px 4px 2px -12px rgba(82, 188, 88, 0.5), 0px 8px 4px -12px rgba(82, 188, 88, 0.5), 0px 10px 8px -12px rgba(82, 188, 88, 0.3), 0px 12px 12px -12px rgba(82, 188, 88, 0.2);
  border-color: #3e9e53;
  color: #173d2c; }
  .outButton:active .mat-icon svg path {
    stroke: #173d2c; }

.outInput {
  background: #ffffff;
  box-shadow: 0px 16px 1px -20px rgba(82, 188, 88, 0.5), 0px 16px 6px -18px rgba(82, 188, 88, 0.3), 0px 16px 16px -16px rgba(82, 188, 88, 0.3);
  border: 2px solid #72d371;
  color: #173d2c;
  font-family: 'Lexend Deca', sans-serif;
  font-size: 1rem;
  font-weight: 450;
  line-height: 1rem;
  letter-spacing: 0.012em;
  height: 44px;
  line-height: 36px;
  border-radius: 0.75rem !important;
  padding: 0 1rem; }
  .outInput .mat-icon svg path {
    stroke: #173d2c; }

.outError {
  color: red; }