body {
		background: #efe5d0 top left;
		margin: 20px;
		}
	
	form {
		display: table;
		padding: 10px;
		border: thin dotted #7e7e7e;
		background-color: #000000;
	}
	p {
		color: rgb(255, 255, 255);
	}
	form textarea {
		width: 200px;
		height: 100px;
		border-radius: 10px;
	}
	div.tableRow {
		display: table-row;
	}
		div.tableRow p {
		display: table-cell;
		vertical-align: top;
		padding: 3px;
	}
	div.tableRow p:first-child {
		text-align: right;
	}
	p.heading {
		font-weight: bold;
	}
	.wrap {
		width: 500px;
		margin: auto;
		background: #000000;
		margin-top: 50px;
		padding: 5px;
	}
	
	.btn{
		padding: 10px 60px;
		background: #fff;
		border: none;
		cursor: pointer;
		font-size: 22px;
		font-weight: 500;
		border-radius: 30px;
	}

	
	.popup{
		width: 400px;
		background: #fff;
		border-radius: 6px;
		position: absolute;
		top: 0px;
		left: 650px;
		transform: translate(-50%, -50%) scale(0.1);
		text-align: center;
		padding: 0 1px 1px;
		color: #333;
		transition: transform 30s top 30s;
		visibility: hidden;
	}
	.open-popup{
		visibility: visible;
		top:1220px;
		transform: translate(-35%, -35%) scale(1);
	}
	.popup img{
		width: 100px;
		margin-top: -50px;
		border-radius: 50%;
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	}		
	.popup h2{
		font-size: 38px;
		font-weight: 500;
		margin: 30px 0 10px;
	}
	.popup button{
		width: 100%;
		margin-top: 50px;
		padding: 10px 0;
		background: #6fd649;
		color: #fff;
		border: 0;
		outline: none;
		font-size: 18px;
		border-radius: 4px;
		cursor: pointer;
		box-shadow: 0 5px 5px rgba(0, 0, 0, 0,2);
		font-size: 18px;
	}
	.headermenu {
		background: #000000;
		min-height: 100%;
		width: 100%;
		color: #525252;
	}
	
	nav {
		background: #000000;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		position: relative;
	}
	.headermenu nav ul a:link {
		display: inline-block;							
	}
	a:link {
	   color: white;
	   text-decoration: none;
	   border-bottom: #b76666;
	   padding: 10px;
	   transform: uppercase;
	}
	 a:visited {
			color:#cc6600; ;
		text-decoration: none;
	}
	 a:hover {
	   background: #ffffff;
	   color: #0d5353;
	}
	.logo {
		width: 150px;
		height: 80px;
	}
	.user-pic {
		width: 30px;
		border-radius: 40%;
		cursor: pointer;
		margin-left: 30px;
		margin-right: 50px;
		padding: 25px;
	}
	.nav ul {
		width: 250px;
		text-align: right;
		margin: 20px 20px;
		color: #000000;
		text-decoration: none;
		
	}
	.sub-menu-wrap {
		position: absolute;
		top: 100%;
		right: 10%;
		left: 80%;
		width: 320px;
		max-height: 0px;
		overflow: hidden;
		transition: max-height 0.5s;
	}
	.sub-menu-wrap.open-menu {
		max-height: 450px;
	}
	.sub-menu {
		background: #000000;
		padding: 20px;
		margin: 10px;
	}
	.user-info {
		display: flex;
		align-items: center;
		text-decoration: none;
	}
	.user-info h3 {
		font-weight: 500;
	}
	.user-info img {
		width: 80px;
		border-radius: 70%;
		margin-right: 30px;
		padding: 5px;
	}
	.sub-menu hr {
		border: 0;
		height: 2px;
		background: #ccc;
	}
	.sub-menu-link {
		display: flex;
		align-items: center;
		text-decoration: none;
		color: #525252;
		margin: 12px 0;
	}
	.sub-menu-link p {
		width: 100%;
	}
	.sub-menu-link span {
		font-size: 22px;
		transition: transform 0.5s;
	}
	.sub-menu-link:hover span {
		transform: translateX(2px);
	}
	.sub-menu-link:hover p {
		font-weight: 600;
	}
	h1 {
		font-size: 220%;
		color: #cc6600;
		text-align: center;
		font-family: "Emblema One", san-serif; 
	}