import styled from "styled-components";

export const MainWrapper = styled.div`
  font-family: "Roboto Mono", monospace;
  background-color: ivory;
  margin: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 80%;
  box-shadow: 2px 2px 10px #aaaaaa;
`;

export const MainTitle = styled.h1`
  font-size: 36pt;
  text-decoration: underline 3px;
  width: fit-content;
  float: left;
  color: black;
`;

export const CurrentPageNav = styled.div`
  font-style: italic;
  font-size: 16px;
  font-weight: bold;
`;