@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
html,
body

{

font-family: 'Raleway', sans-serif;
color:#000;
}
.space_10px
{
	height: 10px;
}

.space_20px
{
	height: 20px;
}

.space_50px
{
	height: 50px;
}

.space_60px
{
	height: 60px;
}

.space_70px
{
	height: 70px;
}

.space_100px
{
	height: 100px;
}

.space_200px
{
	height: 200px;
}

.ngrave {
  color: white;
	  text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 3px darkblue;

}
.ngrave:link{
color:#fff!important;
text-decoration: none;
}





.longshadow {
    text-align: center;
  font-size: 40px;
  color: #ebefef;
  letter-spacing: .15em;
  text-shadow: 2px -2px 2px #262424, -4px 4px 2px #232121, -2px 4px 4px #212020;
}





#bg_image{
	background-image: url(../images/illusion_bw.png);
	background-color: #a09e9e;
	background-size:cover;
	filter:hue-rotate(90deg);
	filter:saturate(5);
	filter:sepia(10%);
	filter:contrast(180%)brightness(90%);
	filter:contrast(120%);
	filter:opacity(90%);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;

}

#bg_pattern
{
	background-image: url(../images/patterns/pattern.png);
	background-repeat:repeat;
	/*background-color: #a480d9;*/
	background-color: transparent;
	position: fixed;
	filter:hue-rotate(50deg);
	filter:saturate(5);
	filter:opacity(40%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;
}

.blocktext {
	text-align: center;
   font-size: 30px;
    margin-left: auto;
    margin-right: auto;
    max-width: 20em;
    padding:10px;
    line-height: 140%;
    background-color: rgba(88, 87, 89, 0.4);
    border-radius:20px;
}


h1{
color:rgb(193, 228, 232)

}

h2{

   color:aliceblue ;
}