/* 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');

body {
  background-color: black;
  font-family: "Open Sans", sans-serif;
  padding: 5px 25px;
  font-size: 18px;
  margin: 0;
  color: #444;
}

h1 {
  font-family: "Arial", sans-serif;
  font-size: 40px;
  color: aliceblue
}
* { box-sizing: border-box; }


.container{  
  width: 100%;
  min-width:100px;
  max-width: 950px;
  margin:0 auto;
  margin: 0 auto; 
  background-color: #ee8;
}
section{ 
  border-radius: 5vw; 
}
div, p{ text-align:center; }
body{ margin-top:25px; }


.leftside{
  display: inline-block;
  width: 50%;
  margin-top: 35px 0;
}
.rightside{
  display: inline-block;
  width: 50%;
  padding: 23px 0;
}

.myTechno,.myVerdana, 
.myAlfaSlabOne, .myBioRhyme {
  font-size: 2em;
}

.myTechno{
  font-family: techno, sans-serif;
  font-weight: 600;
  color: royalblue;
}

.myVerdana{
  font-family: verdana, sans-serif;
  color: DarkBlue;
  font-weight: 20;
  color: red;
  font-size: 1em;
}

.myTechno,.myMonaco {
  font-size: 2em;
  padding: 15px 0;
}

.myAlfaSlabOne{
  font-family: 'Alfa Slab One', sans-serif;
  color: #16b170;
  font-size: 2em;
  
}

.myBioRhyme{
  font-family: 'BioRhyme', serif;
  color:#e79808;
  font-size: 2em;
}


.helvetica{
  font-family: 'helvetica', serif;
  color:#00c7fe;
  font-size: 2em;
}


.arial{
  font-family: 'arial', serif;
  color:#fe7400;
  font-size: 2em;
}


.Oswald{
  font-family: 'Oswald', serif;
  color:#178163;
  font-size: 2em;
}

.Lato{
  font-family: 'Lato', serif;
  color:#fc3c93;
  font-size: 2em;
}

.futura{
  font-family: 'futura', serif;
  color:#b50451;
  font-size: 2em;
}

.baskerville {
  font-family: 'baskerville', serif;
  color:#c33b76;
  font-size: 1em;
  
}