html.light {
  --studydesk_shadow: rgba(13, 38, 76, 0.19) 0px 9px 20px;
  --text_color: #425d64;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #fff;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_darker);
  --button_color_hover: var(--background_color);
  --light_button_background: var(--text_color_dark);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_darker);
  --light_button_color_hover: var(--background_color);
  --select_background_hover: var(--text_color_dark);
  --select_border_hover: var(--text_color_darker);
  --progress_bar_background: var(--text_color_dark);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--background_color);
  --fail_background: #e93c3c;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

/* DARK */
html.dark {
  --studydesk_shadow: #0b0f1070 0px 9px 20px;
  --text_color: #fff;
  --text_color_dark_background: #fff;
  --main_color: #ff9c13;
  --background_color: #172327;
  --text_color_dark: #a2c8d3;
  --text_color_darker: #425d64;
  --interraction_element: var(--text_color_darker);
  --interraction_element_hover: var(--text_color_dark);
  --button_background: var(--main_color);
  --button_color: var(--background_color);
  --button_background_hover: var(--text_color_dark);
  --button_color_hover: var(--text_color_darker);
  --light_button_background: var(--text_color_darker);
  --light_button_color: var(--text_color);
  --light_button_background_hover: var(--text_color_dark);
  --light_button_color_hover: var(--text_color_darker);
  --select_background_hover: var(--text_color_darker);
  --select_border_hover: var(--text_color_dark);
  --progress_bar_background: var(--text_color_darker);
  --overlay_background: #0000003b;
  --error_color: #690101;
  --error_color_light: #e93c3c;
  --ok_color: #037e2c;
  --ok_color_light: #13a143;
  --success_color: var(--background_color);
  --success_background: var(--main_color);
  --success_text_color: var(--main_color);
  --fail_color: var(--text_color_dark);
  --fail_background: #471d22;
  --fail_text_color: #e02323;
  --freeze_color: var(--background_color);
  --freeze_background: #6bcbf9;
  --freeze_text_color: var(--freeze_background);
  --breakday_color: var(--text_color_dark);
  --breakday_background: #0d516b;
}

#content {
  margin-top: 85px;
}

section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
section .right {
  flex: 2;
}
section .left {
  flex: 1;
}

.section-1 > .right {
  padding: 5rem 5rem 5rem 0;
}
.section-1 > .right h1 {
  text-align: center;
  font-size: 2.5rem;
  margin: 0 0 1rem 0;
}
.section-1 .left {
  display: flex;
  justify-content: end;
}

/*# sourceMappingURL=index.css.map */