Просмотр архива Генератор мемов

body {
  padding-top: 40px;
  background:
url("../img/pattern/always_grey.png") repeat rgba(68, 68, 68,
.9);
}


#main {
  width: 60%;
  position: relative;
  margin: 0
auto;
  -moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0,
0.8) 0 1px 7px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0
1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  -o-box-shadow: rgba(255,
255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
 
box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px
0px inset;
  color: #999;
  padding: 20px 20px 0;
  text-align:
center;
  padding-bottom: 20px;
}

.logo {
  position: relative;
 
-moz-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px
7px 0px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.1) 0 1px 0,
rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  -o-box-shadow: rgba(255, 255,
255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;
  box-shadow:
rgba(255, 255, 255, 0.1) 0 1px 0, rgba(0, 0, 0, 0.8) 0 1px 7px 0px inset;

 padding: 40px;
  text-align: center;
  margin-bottom: 20px;

}
.logo
h1 {
  color: #FFFFFF;
  font-size: 100px;
  text-shadow: 0 1px 0
#CCCCCC, 0 2px 0 #C9C9C9, 0 3px 0 #BBBBBB, 0 4px 0 #B9B9B9, 0 5px 0
#AAAAAA, 0 6px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(0, 0, 0, 0.1), 0 1px
3px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0,
0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0,
0.15);
}
.title {
  text-align: center;
  color: #ffffff;
 
text-shadow: 1px 1px 1px #111111;
}
form.relative {
  position:
relative;
}

.submitBtn {
  position: absolute;
  right: 0;
  top:
0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft:
0;
  border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;

 -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius:
0;
}



@media (max-width: 767px){
  .logo h1 {
    font-size:
60px;
  }
}