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 .embed-title{
  29     width: 100%;
  30     height: 50px;
  31     display: block;
  32     margin: 0 auto;
  33     border: 0;
  34 }
  35
  36 .embed-footer {
  37     width: 100%;
  38     height: 250px;
  39     display: block;
  40     margin: 0 auto;
  41     border: 0;
  42 }
  43
  44 .embed-links {
  45     width: 100%;
  46     height: 100px;
  47     display: block;
  48     margin: 0 auto;
  49     border: 0;
  50 }
  51
  52 .marquee-heading{
  53     color:crimson
  54 }
  55
  56 .heading {
  57     color: dimgray;
  58 }
  59
  60 .title-block{
  61     display:flex;
  62     padding-top: 5px;
  63     padding-bottom: 5px;
  64 }
  65
  66 .blog-title{
  67     flex:1;
  68 }
  69
  70 .datestamp{
  71 }
  72
  73 .content{
  74     color:black;
  75 }
  76
  77 .links{
  78     max-width: 800px;
  79     margin: 0 auto;
  80     padding-top: 10px;
  81     background-color:blanchedalmond;
  82     border-radius: 25px;
  83 }
  84
  85 .links-container{
  86     display:flex;
  87     justify-content: center;
  88     align-items: center;
  89     padding-bottom: 10px;
  90 }
  91
  92 .links-entry{
  93     display: inline-block;
  94     padding-left: 5px;
  95     padding-right: 5px;
  96 }
  97
  98 .footer{
  99     max-width: 800px;
 100     margin: 0 auto;
 101     padding-top: 10px;
 102     background-color:antiquewhite;
 103     border-radius: 25px;
 104 }
 105
 106 .footer-container{
 107     display:flex;
 108     justify-content: center;
 109     align-items: center;
 110     padding-bottom:10px;
 111 }
 112
 113 .footer-entry{
 114     display: inline-block;
 115     padding-left:5px;
 116     padding-right:5px;
 117 }
 118
 119 .icon{
 120     width: 48px;
 121 }
 122
 123 .blog-img{
 124     padding: 10px;
 125     display: block;
 126     margin: 0 auto;
 127     max-width: 250px;
 128 }
 129
 130 body{
 131     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 132     background-color: bisque;
 133     color: black;
 134 }