body {
  padding: 50px;
  background: #14141D;
  font-family: "hans_kendrickmedium";
  display: flex; }
  body .toggle {
    flex: 0 0 50%;
    padding: 40px;
    background: #171721;
    border-radius: 10px; }
    body .toggle h2 {
      font-size: 28px;
      margin: 0px;
      font-weight: 300;
      padding-bottom: 25px;
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      color: white; }
    body .toggle .project_box {
      border-bottom: 1px solid rgba(255, 255, 255, 0.06);
      padding: 20px 0; }
      body .toggle .project_box .info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: white; }
        body .toggle .project_box .info h3 {
          font-weight: 300;
          margin: 0 0 20px; }
        body .toggle .project_box .info span {
          opacity: .5; }
    body .toggle .wrap-timeline {
      width: 100%;
      height: 30px;
      background: rgba(255, 255, 255, 0.1);
      border-radius: 5px;
      display: flex; }
      body .toggle .wrap-timeline .box_fill {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
        body .toggle .wrap-timeline .box_fill.green {
          background: #41804a;
          border-radius: 5px;
          padding-right: 10px; }
        body .toggle .wrap-timeline .box_fill span {
          color: white;
          opacity: 0.5; }