/* caveat-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot'); /* IE9 Compat Modes */
  src: local('Caveat Regular'), local('Caveat-Regular'),
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#Caveat') format('svg'); /* Legacy iOS */
}

/* caveat-700 - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.eot'); /* IE9 Compat Modes */
  src: local('Caveat Bold'), local('Caveat-Bold'),
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/caveat-v7-latin-ext_latin_cyrillic-ext_cyrillic-700.svg#Caveat') format('svg'); /* Legacy iOS */
}


body
{
  background-color: #FFE53B;
  background-image: linear-gradient(90deg, #FFE53B 0%, #FF2525 74%);
  background-repeat:repeat-y;
  color: #333333;
  text-align: center;
  line-height: 1.4;
  margin: 0;
  font-family: Tahoma, Verdana, Arial, Sans-Serif;
  font-size: 15px;
  min-width: 990px;
}


h1
{
  letter-spacing: 40px;
  font color: #000000;
  text-align: center;
  text-decoration: underline;
  font-family: Caveat, Tahoma, Verdana, Arial, Sans-Serif;
}

.dotfactory
{
  text-align: center;
  width="400"
  height="400"
}

.navi_top
{
  margin-right: 15%;
  margin-left: 15%;
}
.navi_box
{
  float: left;
  width: 30%;
  margin-right:  3.33333%;
  padding: 20px;
  background: #000000;
  box-sizing: border-box;
}

.mephipic
{
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
  width: auto;
  height: 240px;
}