/* General */
* {
box-sizing: border-box;
}

a:link, a:visited {
 background-color: rgba(81, 83, 83, 0.582);
 color: black;
 border: 2px solid rgb(37, 36, 36);
 padding: 20px 20px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
}

a:hover, a:active {
 background-color: rgba(245, 140, 2, 0.616);s
 color: white;
}

body {
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 background-color: rgba(37, 36, 36, 0.9);
 background-repeat: no-repeat;
 background-attachment: scroll;
 background-size: cover;
}

header {
background-color: rgba(36, 36, 36, 0.8);
padding: 30px;
text-align: center;
font-size: 40px;
color: rgba(245, 140, 2, 0.616);
}

nav {
float: left;
width: 30%;
background: rgba(196, 196, 196, 0.8);
padding: 20px;
}
 nav ul {
 list-style-type: none;
 padding: 0;
 }

article {
float: left;
padding: 20px;
width:70%;
background-color: rgba(196, 196, 196, 0.8);
}


section::after {
content: "";
display: table;
clear: both;
}


footer {
background-color: rgba(36, 36, 36, 0.4);
padding: 10px;
text-align: center;
color: white;
}


@media (max-width: 600px) {
nav, article {
 width: 100%;
 height: auto;
}
}

/* left - Right Same line */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}