section{
  background-color: skyblue;
  width: 100%;
  max-width: 800px;
  text-align: center;
  border-radius: 25px;
  padding-top: 20px;
  margin: 25px auto;
  display: table;
}

*{ box-sizing: border-box}
.leftside{
  
  display: inline-block;
  padding: 20px;
  padding-top: 0px;
  
}
.rightside{
  display: inline-block;
  padding: 20px;
  padding-top: 0px;
}
@media (min-width: 800px){.leftside,.rightside{
  width: 50%;
  display: inline-block
  }

}

h3{ 
  font-family: "Montserrat", sans-serif;
  font-size 2em
}

@font-face {
  font-family: "KaushanScript-Regular";
  src: url("KaushanScript-Regular.otf");
}

#Kaushan{
  font-family: "KaushanScript-Regular";
  font-size: 2em
}
#Tahoma{
  font-family: "Tahoma", sans-serif;
  font-size: 2em}

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

#SinkinSans{
  font-family: "SinkinSans-500Medium";
  font-size: 2em
}

@font-face {
  font-family: "Montserrat-Regular";
  src: url("Montserrat-Regular.otf");
}
#Montserrat-Regular{
  font-family: "Montserrat-Regular";
  font-size: 2em
}

@font-face {
  font-family: "Poppins-Regular";
  src: url("Poppins-Regular.otf");
}
#Poppins-Regular{
  font-family: "Poppins-Regular";
  font-size: 2em
  }

@font-face {
  font-family: "Barlow-Regular";
  src: url("Barlow-Regular.otf");
}
#Barlow-Regular{
  font-family: "Barlow-Regular";
  font-size: 2em
}

@font-face {
  font-family: "Geo";
  src: url("Geo.otf");
}
#Geo{
  font-family: "Geo";
  font-size: 2em
}

@font-face {
  font-family: "D-DIN";
  src: url("D-DIN.otf");
}
#D-DIN{
  font-family: "D-DIN";
  font-size: 2em
}

@font-face {
  font-family: "Sofia-Regular";
  src: url("Sofia-Regular.otf");
}
#Sofia{
  font-family: "Sofia-Regular";
  font-size: 2em
}

@font-face {
  font-family: "Lobster_1.3";
  src: url("Lobster_1.3.otf");
}
#Lobster{
  font-family: "Lobster_1.3";
  font-size: 2em
}