attachment:styles.css of Luther A

   1 * {
   2     margin: 0;
   3     padding: 0;
   4     box-sizing: border-box;
   5 }
   6 
   7 body {
   8     font-family: 'Roboto', sans-serif;
   9     background-color: #f4f4f4;
  10     color: #333;
  11 }
  12 
  13 .container {
  14     width: 80%;
  15     margin: 0 auto;
  16 }
  17 
  18 header {
  19     background-color: #4CAF50;
  20     color: white;
  21     padding: 50px 0;
  22     text-align: center;
  23 }
  24 
  25 header h1 {
  26     font-size: 50px;
  27     margin-bottom: 10px;
  28 }
  29 
  30 header p {
  31     font-size: 20px;
  32 }
  33 
  34 section {
  35     padding: 40px 0;
  36 }
  37 
  38 section h2 {
  39     font-size: 30px;
  40     margin-bottom: 20px;
  41 }
  42 
  43 .project {
  44     background-color: #fff;
  45     padding: 20px;
  46     margin-bottom: 20px;
  47     border-radius: 8px;
  48     box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  49 }
  50 
  51 .project h3 {
  52     font-size: 24px;
  53     margin-bottom: 10px;
  54 }
  55 
  56 ul {
  57     list-style-type: none;
  58 }
  59 
  60 ul li {
  61     margin: 5px 0;
  62 }
  63 
  64 footer {
  65     background-color: #333;
  66     color: white;
  67     text-align: center;
  68     padding: 10px 0;
  69 }