@charset "utf-8";

/* CSS Document */

/*BACKGROUND SECTION*/

.page {background-color:#d6d6c2;
	width:80%;
	margin:auto;
	padding:5px;}

/*HEADER SECTION*/

.header {background-color:#2e2e1f;
	width:98.1%;
	margin:auto;
	padding:10px;}

/*LINK SECTION*/

.topnav {position:static;
  overflow: hidden;
  background-color: black;}

/* Style the topnav links */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}

/* Change color on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;}

/* Create two unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
  float: left;
  width: 75%;}

/*HEADING SECTION*/

.card {background-color:#c1d7d7;
	width:100%;
	float:left;
	padding:5px;
	margin:10px;}

.farra2 {background-color:#c1d7d7;
	width:100%;
	float:left;
	padding:5px;
	margin:10px;}


.farra4 {background-color:#c1d7d7;
	width:131%;
	margin:10px;}

.farra5 {background-color:#c1d7d7;
	width:100%;
	float:left;
	padding:5px;
	margin:10px;}

/*SIDEBAR SECTION*/

.farra {background-color:#99ffff;
	width:20%;
	float:right;
	padding:5px;
	margin:10px;}




/*FOOTER SECTION*/

.footer {background-color:#ccffff;
	clear:both;padding:5px}