.mask-dark{
	background-color: rgba(0,0,0,0.9);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
h1,h2,h3,h4,h5,h6,p{
	margin: 0;
}

ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
a{
	text-decoration: none;
	color: #333;
}
.dark-red{
	color: #780404;
}
.rellax{
	position: absolute;
}
.shaw{
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);

}

/* --------------------------------animate------------- */
@keyframes justin{
    0%,50%{ opacity: 0;}
    100%{ opacity: 1;}
}
@keyframes leftin{
    0%{transform: translate(-50%,0);
        opacity: 0;}
    100%{transform: translate(0,0);
        opacity: 1;}
}
@keyframes rightin{
    0%{transform: translate(50%,0);
        opacity: 0;}
	100%{transform: translate(0,0);
        opacity: 1;}
}

@keyframes upin{
    0%{transform: translate(0,-50%);
        opacity: 0;}
    100%{transform: translate(0,0);
        opacity: 1;}
}