.leftside{
  display: inline-block;
  padding: 20px
  
}
.rightside{
  display: inline-block;
  padding: 20px 
}
@media (min-width:800px){.leftside,.rightside{ width:50% 
display: inline-block}}
section{
  Width: 100%;
  max-width: 800px;
  margin: auto;
  text-align:center; 
  background-color:aquamarine;
}

#sharetech{
  font-family: 'Indie Flower', cursive;
}
#b{
  font-family: helvetica, sans-serif;
}
/*WEBSAFE font*/ 
H1{
  font-family: tahoma, Helvetica, sans-serif;
}
/*google font*/ 
@font-face {
  font-family: "AbrilFatface-Regular";
  src: url("AbrilFatface-Regular.otf");
}
H2 {
  font-family: "AbrilFatface-Regular";
}
/*google font*/ 
@font-face {
  font-family: "ShareTechMono-Regular";
  src: url("ShareTechMono-Regular.ttf");
}
h4{
  font-family: "ShareTechMono-Regular";
}
@font-face {
  font-family: "BerkshireSwash-Regular";
  src: url("BerkshireSwash-Regular.ttf");
}

#BERK{
  font-family: "BerkshireSwash-Regular";
}