/*
  Leon Tan: Creative Project 2.
  Date: April 5. 2018.
  Section: CSE 154 AC.

  Decorates pages with Justin Biebers "Baby" translated back and forth from
  Amharic using Google translate.
*/

span.baby {
  color: #ffA2A2;
  background-color: #fff9fd;
}

span.star {
  color: red;
}

span.mad {
  color: maroon;
}

span.love {
  color: blue;
}

span.woman {
  color: #e26685
}

span.heart {
  color: #fc9905;
}

span#newborn-eng {
  color: #ff82a1;
  text-decoration: underline;
}

span.colors {
  color: #429ef4;
}

span.baby-liji {
  color: #f76ae6;
}

main {
  position: relative;
  height: auto;
  padding: 0px;
  margin: 0px;
  overflow-x: scroll;
  display: flex;
  flex-basis: auto;
}

h2 {
  font-size: 25px;
  text-decoration-line: underline;
}

section#english {
  flex-basis: 45%;
}

section {
  font-size: 14pt;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

header div {
  width: 60%;
}

section#full-english {
  flex-basis: 48%;
}

::-webkit-scrollbar {
  /*From https://css-tricks.com/forums/topic/hide-vertical-scrollbar-but-still-scrollable/*/
  display: none;
}

section div {
  display: flex;
  width: 95%;
  height: 88%;
  padding-left: 0px;
  margin-top: 2px;
  overflow: scroll;
  border-style: dashed;
}

section#amharic, section#amharic-lyrics {
  font-size: 12pt;
}

section#amharic li {
  margin: 0px;
}

section#amharic-lyrics li {
  margin: 1px;
}

body {
  font-family: sans-serif;
}

ul {
  position: static;
  padding-left: 7px;
  margin-top: 10px;
}

ul li {
  list-style: none;
  font-size: 13pt;
  padding: 0px;
}