@charset "UTF-8";
body {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.2vw;
	line-height: 3;
	font-weight: bolder;
    background: #5d5d5d;
}
.kiteboarding #wrapper {
	width: 100%;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: auto;
}

.kiteboarding #topBar {
	margin: 5% 10% 0 10%;
	background: #fff;

	}

.kiteboarding #bottomBar {
	margin:0 0 0 0;

	}

.kiteboarding #middleBar {

	margin:0 0 0 0;
	}

.kiteboarding #sideBar {
	margin:0 0 0 0;
	padding: 2%;

	}

.container {
  display: flex; /* Makes the container a flex container */
  justify-content: space-around; /* Distributes space around items */
  gap: 20px; /* Adds space between the items */
}

.box {
  width: 68%; /* Example width for the boxes */
  height: auto; /* Example height for the boxes */
	padding: 0 0 0 6%;
}

.boxtwo {
  width: 28%; /* Example width for the boxes */
  height: auto; /* Example height for the boxes */
 padding: 0 6% 0 0;
	
}



/* Unvisited link */
a:link {
  color: #74b549; /* Default blue */
  font-style: italic;	
}

/* Visited link */
a:visited {
  color: #74b549; /* Default purple */
	font-style: italic;
}

/* Link on hover (mouse over) */
a:hover {
  color: #777777; /* Red on hover */
	font-style: italic;
}

/* Link when focused (e.g., using Tab key) */
a:focus {
  color: #777777; /* Green on focus */
	font-style: italic;
}

/* Active link (when clicked) */
a:active {
  color: #74b549; /* Orange when active */
	font-style: italic;
}