body {
  background-color: #7d84ff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7d84ff), color-stop(#9095f9), color-stop(#a3a6f8), color-stop(#9095f9), to(#7d84ff));
  background-image: linear-gradient(#7d84ff, #9095f9, #a3a6f8, #9095f9, #7d84ff);
  margin-top: 6.5%;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Comic Sans MS";
  font-size: 90%;
  line-height: 1.6;
  margin-left: 0;
  padding: 18vh 1rem;
  text-align: center; }

h1 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Comic Sans MS"; }

h1, h3 {
  text-decoration: underline; }

.blog_entry {
  font-family: -apple-system, BlinkMacSystemFont, "charter", "Segoe UI", "Comic Sans MS";
  background-color: #7da8ff;
  -webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  border: 5px solid #000070;
  margin: auto;
  margin-top: 20px;
  width: 50%;
  border-radius: 12px 12px 12px 12px;
  font-size: 130%; }

.blog_image_container img, .blog_image_container video {
  margin: 5px 0px 0px 0px;
  border: 4px solid black;
  border-radius: 12px 12px 12px 12px;
  max-width: 100%;
  height: auto;
  width: 80%; }

.blog_image_container, .text, .metadata {
  margin-left: auto; }

#end {
  padding: 25px 0px 25px 0px;
  font-family: -apple-system, BlinkMacSystemFont, "charter", "Segoe UI", "Comic Sans MS";
  margin: auto;
  font-size: 130%; }

.metadata {
  border-top: 3px dashed black;
  padding-top: 7px;
  margin-bottom: 6px; }

/* 600px, 601px, 768px, 992px */
@media (max-width: 600px) {
  .blog_entry {
    width: 90%;
    font-size: 90%;
    margin-top: 20px; }
  .image, .video {
    width: 90%; } }

@media (max-width: 601px) {
  .blog_entry {
    width: 90%;
    font-size: 90%;
    margin-top: 20px; }
  .image, .video {
    width: 90%; } }

@media (max-width: 768px) {
  .blog_entry {
    width: 90%;
    font-size: 90%;
    margin-top: 20px; }
  .image, .video {
    width: 90%; } }

@media (max-width: 992px) {
  .blog_entry {
    width: 90%;
    font-size: 90%;
    margin-top: 20px; }
  .image, .video {
    width: 90%; } }