mekasu0124

Untitled

Feb 18th, 2024
101
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import styled from "styled-components";
  2. import { Link } from "react-router-dom";
  3.  
  4. export const AboutContainer = styled.div`
  5.   display: flex;
  6.   justify-content: center;
  7.   align-items: center;
  8.   flex-direction: column;
  9.   margin-left: auto;
  10.   margin-right: auto;
  11. `;
  12.  
  13. export const AboutStory = styled(AboutContainer)`
  14.   margin-bottom: 30px;
  15. `;
  16.  
  17. export const AboutStoryBox = styled(AboutContainer)``;
  18.  
  19. export const AboutQuestionAnswers = styled(AboutContainer)`
  20.   width: 90%;
  21.   margin-top: 20px;
  22. `;
  23.  
  24. export const AboutDetails = styled.span`
  25.   font-size: 20px;
  26.   font-weight: bold;
  27.   font-style: italic;
  28.   color: black;
  29.   letter-spacing: 1px;
  30.   text-align: center;
  31.   width: 95%;
  32. `;
  33.  
  34. export const AboutTop = styled.a`
  35.   font-size: 18px;
  36.   font-weight: bold;
  37.   font-style: italic;
  38.   color: black;
  39. `;
  40.  
  41. export const Button = styled.button`
  42.   font-size: 20px;
  43.   font-weight: bold;
  44.   font-style: italic;
  45.   color: #24de45;
  46.   padding: 10px;
  47.   text-align: center;
  48.   border: 2px solid #24de45;
  49.   border-radius: 10px;
  50.  
  51.   &:hover {
  52.     background-color: black;
  53.   }
  54. `;
Advertisement
Add Comment
Please, Sign In to add comment