/* Fonts from Google Fonts - more at https://fonts.google.com */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
@import url('https://fonts.googleapis.com/css?family=Merriweather:400,700');
@import url('https://fonts.googleapis.com/css?family=Lobster');
@import url('https://fonts.googleapis.com/css?family=Anton|Bitter|Bowlby+One+SC|Coiny|Indie+Flower|Noto+Sans|Noto+Serif|Oxygen|PT+Sans|Pacifico|Playfair+Display');

.container{
  width:95%;
  min-width: 320px;
  max-width: 900px;
  margin: 0 auto;
  background-color:#4C1101;;
  padding:10px;
}

.leftside{
  display: inline-block;
  width:50%;
  margin-top: 35px 0;
  text-align: center;
}

.rightside{
  display: inline-block;
  width:50%;
  margin-top: 23px 0;
  text-align: center;

}


@font-face{
  font-family:sinkinsans;
  src:url(Sinkinsans-500Medium.otf);
}

body {
  background-color: #EEADB4;
  font-family: "Open Sans", sans-serif;
  padding-top: 20px;
  font-size: 18px;
  margin: 0;
  color: #FFE6BB;
}

h1 {
  font-family: "Merriweather", serif;
  font-size: 32px;
}
.websafe{
  font-family: "courier new",monospace;
  font-size: 1.5em
  
}

.otf{
  font-family: sinkinsans,sans-serif;

  
}

.google{
  font-family: "Lobster",cursive;
  

}
.google2{
  font-family: 'Oxygen', sans-serif;
}
  

.google3{
  font-family: 'Coiny', cursive;
}

.google4{
  font-family: 'Indie Flower', cursive;
}

.google5{
  font-family: 'PT Sans', sans-serif;
}

.google6{
  font-family: 'Playfair Display', serif;
}
.google7{
  font-family: 'Noto Sans', sans-serif;
}
.google8{
  font-family: 'Bowlby One SC', cursive;
}
.google9{
  font-family: 'Anton', sans-serif;
}
.google10{
  font-family: 'Bitter', serif;
}

.google11{
  font-family: 'Pacifico', cursive;
}