import styled from "styled-components";
import React from "react";

export default function TitleSmall({ title, explanation }) {
  return (
    <div className="flex-start">
      <TitleStyle className="title">{title}</TitleStyle>
      <Explanation>{explanation}</Explanation>
    </div>
  );
}

const TitleStyle = styled.h4`
  font-size: 2rem;
  font-weight: bold;
  margin-right: 1rem;
`;

const Explanation = styled.p`
  font-size: 1.5rem;
  color: rgb(170 170 170);
  padding-top: 0.5rem;
`;