* {
	box-sizing:border-box; 
}
body {
	font-family: roboto;
	padding:20px;
	background: #00ff04;
}
.header {
	padding: 30px;
	font-size: 40px;
	text-align:center; 
	background: #04FBFF ;
text-shadow:5px 5px #A8A59E;
}
.row {
	display:flex;
}
.leftcolumn {
	width:75%;
	 
}
.rightcolumn {
	width:25%;
	padding-left:20px;
}
.card {
	background-color: white;
	padding:20px;
	margin-top:20px;
}
i {
	font-size: 30px !important;
padding-right: 15px;
}
a {
text-decoration: none;
color: #A8A59E
}
.footer {
	padding: 20;
text-align: center;
background: #A8A59E;
margin-right: 20px;
font-family Arial;
border-radius:5px;
}
.modalDialog {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgb(0,0,0,0.8);
	display: none;
}
.modalDialog:target {
	display: block;
}
.modalDialog > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #f3f3f3;
}