import styled from 'styled-components/macro'

export const ChapterList = styled.div`
  width: 100%;
  height: 100%;
  display: flex;
`

export const ChapterContainer = styled.div`
  position: relative;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  cursor: pointer;

  :not(:last-child) {
    margin-right: 3px;
  }
`
