main.css

   1 @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap');
   2
   3 * {
   4     box-sizing: border-box;
   5     margin: 0;
   6     padding: 0;
   7     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
   8 }
   9
  10 .header {
  11     max-width: 1000px;
  12     margin: 0 auto;
  13 }
  14
  15 .container{
  16     padding-top: 10px;
  17     padding-bottom: 10px;
  18 }
  19
  20 .main {
  21     max-width: 800px;
  22     margin: 0 auto;
  23     padding: 20px;
  24     background-color: beige;
  25     border-radius: 25px;
  26 }
  27
  28 .marquee-heading{
  29     color:crimson
  30 }
  31
  32 .heading {
  33     color: dimgray;
  34 }
  35
  36 .title-block{
  37     display:flex;
  38     padding-top: 5px;
  39     padding-bottom: 5px;
  40 }
  41
  42 .blog-title{
  43     flex:1;
  44 }
  45
  46 .datestamp{
  47 }
  48
  49 .content{
  50     color:black;
  51 }
  52
  53 .footer{
  54     max-width: 800px;
  55     margin: 0 auto;
  56     padding-top: 10px;
  57     background-color:antiquewhite;
  58     border-radius: 25px;
  59 }
  60
  61 .footer-container{
  62     display:flex;
  63     justify-content: center;
  64     align-items: center;
  65 }
  66
  67 .footer-entry{
  68     display: inline-block;
  69     padding-left:5px;
  70     padding-right:5px;
  71 }
  72
  73 .icon{
  74     width: 48px;
  75 }
  76
  77 .blog-img{
  78     display: block;
  79     margin: 0 auto;
  80     max-width: 250px;
  81 }
  82
  83 body{
  84     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  85     background-color: bisque;
  86     color: black;
  87 }