design.css

/*********************************************

CUSTOM FONT

*********************************************/
@font-face {
	font-family: 'Mona Sans';
	src:
	url('soul/mona-sans.woff2') format('woff2 supports variations'),
	url('soul/mona-sans.woff2') format('woff2-variations');
	font-weight: 200 900;
	font-stretch: 75% 125%;
}

body {
	font-family: 'Mona Sans' !important;
}

/*********************************************

CUSTOM COLORS

*********************************************/
.the-color{
	color: #86efac !important;
}
.light-color{
	color: #ffffff !important;
}
.dark-color{
	color: #99a39d !important;
}
.background-color{
	color: #616161 !important;
}
::selection {
	background: grey;
}

/*********************************************

TEXT

*********************************************/
.finetitle{
	font-weight: 100 !important;
}
.is-super{
	font-size: 120px;
}
.fuori img{
	padding: 20px;
	position: absolute;
	z-index: 99;
	width: 300px;
}

/*********************************************

MODAL

*********************************************/
.modal {
	display: none;
	position: fixed;
	z-index: 98;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgba(134, 239, 172, .8);
}
.modal-content {
	background-color: #fefefe;
	margin: 20% auto;
	border-radius: 30px;
	padding: 40px;
	width: 30%;
	position: relative;
}
.modal-content .close{
	position: absolute;
	cursor: pointer;
	font-size: 30px;
	top: 20px;
	right: 20px;
}