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 .links{
  54     max-width: 800px;
  55     margin: 0 auto;
  56     padding-top: 10px;
  57     background-color:blanchedalmond;
  58     border-radius: 25px;
  59 }
  60
  61 .links-container{
  62     display:flex;
  63     justify-content: center;
  64     align-items: center;
  65     padding-bottom: 10px;
  66 }
  67
  68 .links-entry{
  69     display: inline-block;
  70     padding-left: 5px;
  71     padding-right: 5px;
  72 }
  73
  74 .footer{
  75     max-width: 800px;
  76     margin: 0 auto;
  77     padding-top: 10px;
  78     background-color:antiquewhite;
  79     border-radius: 25px;
  80 }
  81
  82 .footer-container{
  83     display:flex;
  84     justify-content: center;
  85     align-items: center;
  86     padding-bottom:10px;
  87 }
  88
  89 .footer-entry{
  90     display: inline-block;
  91     padding-left:5px;
  92     padding-right:5px;
  93 }
  94
  95 .icon{
  96     width: 48px;
  97 }
  98
  99 .blog-img{
 100     display: block;
 101     margin: 0 auto;
 102     max-width: 250px;
 103 }
 104
 105 body{
 106     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 107     background-color: bisque;
 108     color: black;
 109 }