* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: 0;
}

body {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.header {
  height: 20vh;
  width: 70vw;
  display: flex;
  border-radius: 10px 10px 0 0;
  align-items: center;
  background-color: #1ebe9b;
}

.header input {
  width: 75%;
  height: 50%;
  background-color: #1ebe9b;
  font-family: 'Roboto', sans-serif;
  font-size: 5vh;
  color: #34435e;
  padding-left: 30px;
}

.header button {
  width: 25%;
  height: 50%;
  background-color: #1ebe9b;
}

.header button #search {
  height: 5vh;
  width: 5vh;
  color: #34435e;
}

#start {
  width: 70vw;
  height: 20vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #34435e;
  font-family: 'Roboto', sans-serif;
  border-radius: 0 0 10px 10px;
  color: white;
  font-size: 5vh;
  padding: 0 30px 0 30px;
}

.user {
  width: 70vw;
}

.user .record {
  width: 100%;
  height: 20vh;
  display: flex;
  align-items: center;
  background-color: #34435e;
  border-bottom: 1px solid #162540;
  cursor: pointer;
  font-family: 'Roboto', sans-serif;
}

.user .record .person {
  display: flex;
  align-items: center;
  padding-left: 30px;
  height: 60%;
}

.user .record .person .names {
  padding-left: 30px;
}

.user .record .person h3 {
  color: white;
  font-size: 5vh;
}

.user .record .person p {
  color: silver;
  font-weight: 300;
  font-size: 5vh;
}

.user .record .person img {
  height: 100%;
  width: 12vh;
}

.user .record:last-child {
  border-radius: 0 0 10px 10px;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFpbi5jc3MiLCJzb3VyY2VzIjpbIm1haW4uc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIqIHtcbiAgcGFkZGluZzogMDtcbiAgbWFyZ2luOiAwO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuICBib3JkZXI6IDA7XG59XG5cbmJvZHkge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuXG4uaGVhZGVyIHtcbiAgaGVpZ2h0OiAyMHZoO1xuICB3aWR0aDogNzB2dztcbiAgZGlzcGxheTogZmxleDtcbiAgYm9yZGVyLXJhZGl1czogMTBweCAxMHB4IDAgMDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKDMwLCAxOTAsIDE1NSk7XG4gIGlucHV0IHtcbiAgICB3aWR0aDogNzUlO1xuICAgIGhlaWdodDogNTAlO1xuICAgIGJhY2tncm91bmQtY29sb3I6IHJnYigzMCwgMTkwLCAxNTUpO1xuICAgIGZvbnQtZmFtaWx5OiAnUm9ib3RvJywgc2Fucy1zZXJpZjtcbiAgICBmb250LXNpemU6IDV2aDtcbiAgICBjb2xvcjogcmdiKDUyLCA2NywgOTQpO1xuICAgIHBhZGRpbmctbGVmdDogMzBweDtcblxuICB9XG4gIGJ1dHRvbiB7XG4gICAgd2lkdGg6IDI1JTtcbiAgICBoZWlnaHQ6IDUwJTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoMzAsIDE5MCwgMTU1KTtcbiAgICAjc2VhcmNoIHtcbiAgICAgIGhlaWdodDogNXZoO1xuICAgICAgd2lkdGg6IDV2aDtcbiAgICAgIGNvbG9yOiByZ2IoNTIsIDY3LCA5NCk7XG4gICAgfVxuICB9XG59XG5cbiNzdGFydCB7XG4gIHdpZHRoOiA3MHZ3O1xuICBoZWlnaHQ6IDIwdmg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoNTIsIDY3LCA5NCk7XG4gIGZvbnQtZmFtaWx5OiAnUm9ib3RvJywgc2Fucy1zZXJpZjtcbiAgYm9yZGVyLXJhZGl1czogMCAwIDEwcHggMTBweDtcbiAgY29sb3I6IHdoaXRlO1xuICBmb250LXNpemU6IDV2aDtcbiAgcGFkZGluZzogMCAzMHB4IDAgMzBweDtcbn1cblxuLnVzZXIge1xuICB3aWR0aDogNzB2dztcbiAgLnJlY29yZCB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAyMHZoO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IoNTIsIDY3LCA5NCk7XG4gICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYigyMiwgMzcsIDY0KTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCBzYW5zLXNlcmlmO1xuICAgIC5wZXJzb24ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBwYWRkaW5nLWxlZnQ6IDMwcHg7XG4gICAgICBoZWlnaHQ6IDYwJTtcbiAgICAgIC5uYW1lc3tcbiAgICAgICAgcGFkZGluZy1sZWZ0OiAzMHB4O1xuICAgICAgfVxuICAgICAgaDMge1xuICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIGZvbnQtc2l6ZTogNXZoO1xuICAgICAgfVxuICAgICAgcCB7XG4gICAgICAgIGNvbG9yOiBzaWx2ZXI7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiAzMDA7XG4gICAgICAgIGZvbnQtc2l6ZTogNXZoO1xuICAgICAgfVxuICAgICAgaW1nIHtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICB3aWR0aDogMTJ2aDtcbiAgICAgIH1cbiAgICB9XG4gICAgJjpsYXN0LWNoaWxkIHtcbiAgICAgIGJvcmRlci1yYWRpdXM6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 */