developer-roadmap/components/hero-section/style.js

import styled from 'styled-components';

export const HeroSectionWrap = styled.div`
  text-align: center;
  padding: 70px 20px;
  margin: 0 auto;

  .container {
    max-width: 800px;
  }

  h1 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 25px;
  }

  p {
    font-size: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 35px;
  }

  a {
    font-weight: 700;
    color: #000;
  }
`;