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 .content{
  71     color:black;
  72 }
  73
  74 .links{
  75     max-width: 800px;
  76     margin: 0 auto;
  77     padding-top: 10px;
  78     background-color:blanchedalmond;
  79     border-radius: 25px;
  80 }
  81
  82 .links-container{
  83     display:flex;
  84     justify-content: center;
  85     align-items: center;
  86     padding-bottom: 10px;
  87 }
  88
  89 .links-entry{
  90     display: inline-block;
  91     margin-left: 5px;
  92     margin-right: 5px;
  93 }
  94
  95 .footer{
  96     max-width: 800px;
  97     margin: 0 auto;
  98     padding-top: 10px;
  99     background-color:antiquewhite;
 100     border-radius: 25px;
 101 }
 102
 103 .footer-container{
 104     display:flex;
 105     justify-content: center;
 106     align-items: center;
 107     padding-bottom:10px;
 108 }
 109
 110 .footer-entry{
 111     display: inline-block;
 112     padding-left:5px;
 113     padding-right:5px;
 114 }
 115
 116 .icon{
 117     width: 48px;
 118 }
 119
 120 .blog-img {
 121     padding: 10px;
 122     display: block;
 123     margin: 0 auto;
 124     max-width: 250px;
 125 }
 126
 127 .blog-img-lrg {
 128     padding: 10px;
 129     display: block;
 130     margin: 0 auto;
 131     max-width: 600px;
 132 }
 133
 134 .video-embed{
 135     max-width: 672px;
 136     max-height:378px;
 137     display: block;
 138     margin: 0 auto;
 139     padding-top: 10px;
 140     padding-bottom: 10px;
 141 }
 142
 143 body{
 144     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
 145     background-color: bisque;
 146     color: black;
 147 }
 148
 149 ul{
 150     margin-top: 10px;
 151     margin-left: 25px;
 152     margin-right: 25px;
 153     margin-bottom: 10px;
 154 }
 155
 156 p{
 157     margin-bottom: 10px;
 158 }