@font-face
{
font-family: my_font;
src: url('fonts/Marmelad-Regular.ttf');
}


body
{
background-image: url('images/1.jpg');
//background-position: center center;
background-position: 0 -200px;
background-repeat: no-repeat;
}


a
{
text-decoration:none;
}


#form_signin
{
font-family: my_font;
font-size: 1em;

width: 300px;
height: 127px;

position: absolute;
top: 200px;
right: 100px;

color: #1b1b1b;
background-color: #6495ED;
//background-color: #9B7BC7;
border-radius: 6px;
border: solid 1px #ccc;
box-shadow: 0 0 15px #000;

opacity: 0.7;
padding: 20px;

-webkit-animation:myfirst 1.2s ease-in-out infinite alternate;
-moz-animation:myfirst 1.2s ease-in-out infinite alternate;

-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
}


#form_signup
{
font-family: my_font;
font-size: 1em;

width: 300px;
height: 270px;

position: absolute;
top: 200px;
right: 100px;

color: #1b1b1b;
background-color: #6495ED;
border-radius: 6px;
border: solid 1px #ccc;
box-shadow: 0 0 15px #000;

opacity: 0.7;
padding: 20px;

-webkit-animation:myfirst 1.2s ease-in infinite alternate;
-moz-animation:myfirst 1.2s ease-out infinite alternate;

-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
}


@-webkit-keyframes myfirst
{
from {top: 200px}
to {top: 220px;}
}


@-moz-keyframes myfirst
{
from {top: 200px}
to {top: 220px;}
}


#form_signin:hover
{
opacity: 0.9;
border: solid 1px #fff;
}


#form_signup:hover
{
opacity: 0.9;
border: solid 1px #fff;
}


#text_box
{
font-family: my_font;
font-size: 1em;

border: none;
border: solid 1px #666;
border-radius: 6px;

width: 195px;
}

#button
{
font-family: my_font;
font-size: 1em;
float: right;
padding: 4px;
color: #2b2b2b;
border: none;
border: solid 1px #555;
background-color: #4c6d9e;
border-radius: 6px;

box-shadow: 0 0 6px #000;

width: 290px;

-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
}


#button:hover
{
cursor: pointer;
color: #eee;
border: solid 1px #aaa;
background-color: #2B2B2B;
}


#signout
{
font-family: my_font;
font-size: 0.8em;
position: absolute;

right: 3px;
opacity: 0.7;
text-decoration: none;
padding: 3px;
color: #000;
border: none;
border: solid 1px #ccc;
background-color: #4c6d9e;
border-radius: 6px;

-webkit-transition: all ease 0.6s;
-moz-transition: all ease 0.6s;
}


#signout
{
top: 3px;
}


#signout:hover
{
opacity: 0.9;
border: solid 1px #fff;
}