roman sionis - black

                Never    
CSS
       
<styles

body
{
background-image: url("https://imgur.com/YDL06zz.png");
background-size: cover;
overflow: hidden;
}

body:hover .roman {
opacity: 1;
transition: 3s;}

.roman
{
background-image: url("https://imgur.com/eQ3LFjD.png");
background-repeat: no-repeat;
height: 1000px;
width: 1800px;
position: absolute;
left: 40%;
top: 5%;
opacity: 0;
}

.janusbox
{
background-color: #212121;
background-image: url("http://harvesttime.net/wp-content/uploads/2014/10/dark-gray-texture.jpg");
background-size: 500px;
background-position: center;
color: #353534;
border: 3px solid #111111;
position: absolute;
left: 22%;
top: 25%;
-webkit-box-shadow: 4px 14px 25px -10px rgba(0,0,0,0.75);
-moz-box-shadow: 4px 14px 25px -10px rgba(0,0,0,0.75);
box-shadow: 4px 14px 25px -10px rgba(0,0,0,0.75);
font-family: Cinzel;
letter-spacing: 2.4px;
}

.borderbox
{
border: 5px solid gray;
margin: 7px;
padding: 30px;}

.borderbox2
{
border: 5px solid #212121;
background-color: #212121;
margin: 5px;
padding: 5px;
position: center;
}

.box3
{
color: gray;
border: 1px solid gray;
font-size: 40px;
background-color: #212121;
padding: 10px;
}

hr 
{
height: 1px;
width: 300px;
color: maroon;
background-color: maroon;
border: none;
}

*{cursor: url('https://imgur.com/r33a5vW.png'), default;}

::-webkit-scrollbar { display: none; }

::selection {
  background: none; /* WebKit/Blink Browsers */
color: maroon;
}

</styles>






<html>

<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet">


<center>
<div class ="janusbox"><div class="borderbox"><div class="borderbox2"><div class ="box3">J A N U S<hr>
C O S M E T I C S</div></div></div></div>
</center>

<div class="roman"></div>

</html>

Raw Text