@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Rubik|Tajawal&display=swap');@import url('https://fonts.googleapis.com/css?family=Rubik|Tajawal&display=swap');
/* CSS Document */

:root
{
  --main-blue:#2591af; 
	--main-orange:#f7931e; 
	--main-yellow:#d2c135; 
	--main-green:#78a333; 
	--main-purple:#662d91; 
	--main-pink:#9e206b; 
	--main-grey:#666;
	--main-lgrey:#CCC;
	--main-mgrey:#333;
	--main-dgrey:#222;
}

html, body
{
  background: var(--main-dgrey);
  font-size: 17px;
  font-family: 'Rubik', sans-serif;
  color: #FFF;
}

body
{
	background: var(--main-dgrey) url("../images/dark-background2.jpg") no-repeat right top;
	background-size: cover;
	min-height: 100vh;
	background-attachment: fixed;
}

.wrap
{
	margin:0 auto;
	width: 100%;
	text-align: center;
	height: 400px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.wrap img
{
	vertical-align: middle;
	margin-top:3rem;
}

.wrap p
{
	margin:2rem auto;
	color: var(--main-green);
}