@charset "utf-8";

p, .p, #p, @font-face, @-webkit-font-face, @-moz-font-face, @-o-font-face
{
font-family: 'Kurale', serif;
font-style: normal;
font-size: 14pt;
color: #964799;
text-align: justify;
line-height: 1.2em;
text-shadow: 0px 0px 0px #FFFFFF;
-webkit-text-shadow: 0px 0px 0px #FFFFFF;
}
html, body, tbody
{
color: #964799;
font-family: 'Kurale', serif;
font-style: normal;
font-size: 14pt;
vertical-align: middle;
background-color: rgba(255, 255, 255, 0.9);
line-height: 1.2em;
text-shadow: 0px 0px 0px #FFFFFF;
-webkit-text-shadow: 0px 0px 0px #FFFFFF;
background-position: center;
background-size: cover;
background-attachment: fixed;
background-origin: border-box;
background-clip: initial;
background-repeat: repeat;
}
h1, h2, h3, h4, h5, h6, h7
{
font-size: 14pt;
text-shadow: 0px 0px 0px #828282;
-webkit-text-shadow: 0px 0px 0px #828282;
font-weight: normal;
}
.top
{
float:right;
position:fixed;
bottom:0%;
right:1%;
z-index:1;
}
a:link, a:visited, a:hover, a:active
{
text-decoration:none;
font-weight: normal;
color: #ef0078;
}
a:link:hover, a:visited:hover, a:active:hover
{
text-decoration:none;
font-weight: normal;
}
.ramka
{
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
border-color: rgb(221, 160, 221);
border-width: 0px;
border-style: dashed;
width:100%;
text-align: left;
vertical-align: top;
font-size: 16pt;
background-color: transparent;
margin-left:1%;
}
#copyright
{
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background-color: rgba(217, 184, 200, 0.9);
font-family: 'Kurale', serif;
font-style: normal;
font-size: 11pt;
}
#body
{
padding-left: 3%;
padding-right: 3%;
text-align: left;
vertical-align: top;
}
#button
{
background-color: rgba(217, 184, 200, 0.8);
padding: 2%;
color: #964799;
-webkit-border-radius: 0px;
border-radius: 0px;
text-decoration:none;
font-family: 'Kurale', serif;
font-style: normal;
font-size: 14pt;
border-color: rgb(221, 160, 221);
border-width: 1px;
border-style: dashed;
width:100%;
cursor:pointer;
text-align: left;
vertical-align: top;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
#button:hover
{
background-color: rgba(239, 0, 120, 0.8);
padding: 3%;
color: #ffffff;
-webkit-border-radius: 0px;
border-radius: 0px;
text-decoration:none;
font-family: 'Kurale', serif;
font-style: bold;
font-size: 16pt;
border-color: rgb(221, 160, 221);
border-width: 1px;
border-style: dashed;
width:100%;
cursor:pointer;
text-align: left;
vertical-align: top;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-ms-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.logo
{ 
background: url(./image/woman_and_baby.png) no-repeat center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
width:100%;
height:800px;
border: none;
-webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);
}