body {font-family: Arial, Helvetica, sans-serif;}
* {box-sizing: border-box;
}
h1 {
  color:#80dfff;
  text-shadow: 2px 2px 4px #000000;
}
h2
{
  color:#80dfff;
  text-shadow: 2px 2px 3px #000000;
}

.fromcard
{
  padding :5px;
  margin :auto;
  background :#fff;
  max-width :800px;
  min-width :350px;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menumyshop
{
  padding 10px;
  margin 0px auto;
  max-width 100%;
  min-width 400px;
  min-height:100px;
}
.input
{
  padding :2px;
  width :100%;
}
.container 
{
  border: 3px solid #f1f1f1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
/* Container for columns and the top "toolbar" */
.row {
  padding: 10px;
  background: #f1f1f1;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.left {
  width: 15%;
}
/* Three dots */
.dot {
  margin-top: 4px;
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
}

.fromcontent
{
   padding :20px;
   margin :0px auto;
   background :White;
   max-width :800px;
   min-width :350px;
   border-radius: 10px;
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   display:table;
}