@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@100;300;400&display=swap');

body{
	font-family: 'Playfair Display', serif;
	color:#9b5949;
}

.header{
	position:absolute;
	top:0px;
}

.pingBg {
	background:#e6d5d1;
}

.pingBg h2{
	text-transform: uppercase;
}

.boldLine{
	border-bottom:2px solid #9b5949;
	display:inline-block;
	width: 10%;
}


.robo-light{
	font-family: 'Roboto', serif;
	font-size:1.4rem;
	font-weight:300
}

.usp h3{
	font-family: 'Roboto', serif;
	font-weight:400;
	font-style: italic;
}

howtoJoin.h3{
	font-family: 'Roboto', serif;
	font-weight:400;
	font-style: italic;
}

.round_btn{
	border:2px solid #9b5949;
	background:none;
	margin:1rem;
	padding:2px 25px;
	border-radius:25px;
	font-style: italic;
}

.modal-header{
	background:#e6d5d1;
	
}

.modal-header .modal-title{
	text-align:center;
	width: 100%;
}

.modal-content{
	background: #eeeeed url('./../images/modalBg.png');
	background-size: cover;
}


.modal-footer .round_btn{
	font-family: 'Roboto', serif;
	border:2px solid #9b5949;
	background:none;
	margin:1rem;
	padding:2px 25px;
	border-radius:15px;
	font-style: italic;
	color:#9b5949
}

label{
	font-family: 'Roboto', serif;
	font-style: italic;
	font-weight:400;
	font-size:1.1rem;
}

input, select, textarea{
	border:2px solid #9b5949;
	border-radius:5px;
}

.form-check-input:checked {
    background-color: #9b5949;
    border-color: #9b5949;
}