body {
 background:url('/bgs/stars.gif');
color: black;



  font-family: ms gothic;
  list-style: none;
 

  border: 1px black ;
}
ul {
  list-style-type: none;
}

.floatRight{float:right;margin-left:20px}

#demo {
-webkit-box-shadow: 5px 5px 15px 5px #000000; 
-moz-box-shadow: 5px 5px 15px 5px #000000;
}


.div-4 { 
  border: 1px solid #FF7733;
  box-shadow: 8px 8px 5px #FF3396;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #33FFB7, #3376FF 40%, #FF3396);
}
.div-5 {
  box-shadow: 5px 10px #FF3396;
}

.dotted {border-style: dotted;}

#borderDemo {
border: 2px dotted #FFFFFF;
}

.container {
  display: flex; /* or inline-flex */
}




.journal {
    background-color: antiquewhite;
    padding: .5rem;
    display: flex;
    flex-direction: column; 
}

.table diary {
  table-layout: auto;
  width: 180px;  
}

.box {
    float: left;
    width: 200px;
    margin-left: 10px;
    margin-top: 10px;
    padding: 5px;
    border: 2px solid white;
}

.containers {
  display: flex;
  align-items: center;
  justify-content: center
}

img {
  max-width: 100%
}

.moon {
  flex-basis: 40%
}

.shit {
  font-size: 20px;
  padding-left: 20px;
}

.class_name { 
    display: flex;
    align-items:center;
}

.box2 {
   display: flex;
   align-items:center;
}