JustPaste.it

.container > div
{
display: flex;
justify-content: center;
align-items: center;
2em;
}

html, body
{
box-sizing: border-box;
height: 100%;
width:100%;
padding: 10px;
0px;
}
body
{
height:100%;
width:100%;
overflow-x:hidden;
overflow-y:auto;
}
body
{
background:u rl("imagini/123.jpg") no-repeat center fixed;
background-size:cover;
}
button
{
position:relative;
top:10%;
}
button
{
background:none;
color:#ccc;
height:50px;
border:10px solid transparent;
-webkit-border-image:u rl("imagini/rama.png") 30 stretch;
-o-border-image:u rl("imagini/rama.png") 30 stretch;
border-image:u rl("imagini/rama.png") 70 stretch;
15px;
transition:.6s;
overflow:hidden;
}
button:focus
{
outline:none;
}
button:before
{
content:'';
display:block;
position:absolute;
background:rgba(255,255,255.5);
width:60px;
height:100%;
left:0;
top:0;
opacity:.5s;
filter:blur(30px);
transform:translateX(-130px) skewX(-15deg);
}
button:after
{
content: '';
display:block;
position:absolute;
background:rgba(255,255,255,.2);
width:30px;
height:100%;
left:30px;
top:0;
opacity:0;
filter:blur(30px);
transform:translate(-100px) scaleX(-15deg);
}
button:hover
{
background:#B8860B;
cursor:pointer;
}
button:hover:before
{
transform:translateX(300px) skewX(-15deg);
opacity:.6;
transition:.7s;
}
button:hover:after
{
transform:translateX(300px) skewX(-15deg);
opacity:1;
transition:.7s;
}
#umbra
{
border-radius:15px;
box-shadow: 0 5px 18px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#jos
{
background-image:u rl("imagini/11.png");
background-size:cover;
border-radius:5px;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1);
Corbel;
14pt;
}
a:link
{
text-decoration:none;
}
a:visited
{
text-decoration:none;
}
a:hover
{
text-decoration:underline;
}
a:active
{
color:black;
}