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