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 body {
  11     font-family: 'Source Code Pro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  12     background-color: bisque;
  13     color: black;
  14 }
  15
  16 .blog-title {
  17     flex: 1;
  18 }
  19
  20 .blog-img {
  21     padding: 10px;
  22     display: block;
  23     margin: 0 auto;
  24     max-width: 250px;
  25 }
  26
  27 .blog-img-lrg {
  28     padding: 10px;
  29     display: block;
  30     margin: 0 auto;
  31     max-width: 600px;
  32 }
  33
  34 .container {
  35     padding-top: 10px;
  36     padding-bottom: 10px;
  37 }
  38
  39 .content {
  40     color: black;
  41 }
  42
  43 .embed-title{
  44     width: 100%;
  45     height: 50px;
  46     display: block;
  47     margin: 0 auto;
  48     border: 0;
  49 }
  50
  51 .embed-footer {
  52     width: 100%;
  53     height: 250px;
  54     display: block;
  55     margin: 0 auto;
  56     border: 0;
  57 }
  58
  59 .embed-links {
  60     width: 100%;
  61     height: 100px;
  62     display: block;
  63     margin: 0 auto;
  64     border: 0;
  65 }
  66
  67 .footer {
  68     max-width: 800px;
  69     margin: 0 auto;
  70     padding-top: 10px;
  71     background-color: antiquewhite;
  72     border-radius: 25px;
  73 }
  74
  75 .footer-container {
  76     display: flex;
  77     justify-content: center;
  78     align-items: center;
  79     padding-bottom: 10px;
  80 }
  81
  82 .footer-entry {
  83     display: inline-block;
  84     padding-left: 5px;
  85     padding-right: 5px;
  86 }
  87
  88 .header {
  89     max-width: 1000px;
  90     margin: 0 auto;
  91 }
  92
  93 .heading {
  94     color: dimgray;
  95 }
  96
  97 .icon {
  98     width: 48px;
  99 }
 100
 101 .indented {
 102     margin-left: 15px;
 103 }
 104
 105 .links{
 106     max-width: 800px;
 107     margin: 0 auto;
 108     padding-top: 10px;
 109     background-color:blanchedalmond;
 110     border-radius: 25px;
 111 }
 112
 113 .links-container{
 114     display:flex;
 115     justify-content: center;
 116     align-items: center;
 117     padding-bottom: 10px;
 118 }
 119
 120 .links-entry{
 121     display: inline-block;
 122     margin-left: 5px;
 123     margin-right: 5px;
 124 }
 125
 126 .main {
 127     max-width: 800px;
 128     margin: 0 auto;
 129     padding: 20px;
 130     background-color: beige;
 131     border-radius: 25px;
 132 }
 133
 134 .marquee-heading {
 135     color: crimson
 136 }
 137
 138 p {
 139     margin-bottom: 10px;
 140 }
 141
 142 .title-block {
 143     display: flex;
 144     padding-top: 5px;
 145     padding-bottom: 5px;
 146 }
 147
 148 ul {
 149     margin-top: 10px;
 150     margin-left: 25px;
 151     margin-right: 25px;
 152     margin-bottom: 10px;
 153 }
 154
 155 .video-embed{
 156     max-width: 672px;
 157     max-height:378px;
 158     display: block;
 159     margin: 0 auto;
 160     padding-top: 10px;
 161     padding-bottom: 10px;
 162 }