.l2{
	color: purple;
}

#noc{
    height: 216;
    width: 324;
}

.piclin{
    color: black; 
    background-color: #D0D3D4; 
    font-family: Californian FB; 
    font-size: 14pt;
    text-align: justify;
    font-weight: bold;
    vertical-align: text-top;
    width: 100%;
    border-style: solid;
    border-color: #391C0A;
    /*
    table setting
    */
    padding-left: 5%;
    padding-right: 5%;
    padding-bottom: 2%;
    padding-top: 0%;
}

/* unvisited link */
a:link 
{
 color: white;
 text-decoration: none;
}

/* visited link */
a:visited 
{
 color: white;
 text-decoration: none;
}

/* mouse over link */
a:hover 
{
 color: #FFF317;
 text-decoration: none;
}

/* selected link */
a:active 
{
 color: #FFF317;
 text-decoration: none;
}

/*white border*/
#body 
{
	color: black; 
	background-color: white; 
 	font-family: Californian FB; 
 	font-size: 14pt
}
/*solid brown background*/
body 
{
 	color: black; 
	background-color: #391C0A;
 	font-family: Californian FB; 
 	font-size: 14pt
	width: 100%;
}
/*background of dropbox*/
.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    color: black;
}

#floop {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background-color: white;
}

.dropdown-content a:hover, a#floop:hover {
    background-color: #383A2D;
    color: #FFF317;
}

.dropdown:hover .dropdown-content {
    display: block;
    background-color: yellow;
}

img.logo
{
    filter: invert(100%);
}

.heading 
{
 	color: white; 
 	background-color: #391C0A; 
 	font-family: Californian FB; 
 	font-size: 12pt;
 	text-align:center;
	 width: 100%;
}

.header{
	font-family: Californian FB; 
	font-size: 48pt
	 width: 100%;
}

/*links before c++*/
/*.links
{
 	color: white; 
 	background-color: #7B6A56; 
 	font-family: Californian FB; 
 	font-size: 18pt;
 	text-align:center;
 	width: 100%;
}
*/

ul.navbar li a {
    font-family: Shadows Into Light; 
    font-size: 16pt;
    vertical-align: middle;
}

ul.navbar li a, .dropbtn {
    display: inline-block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

ul.navbar li a:hover, .dropdown:hover .dropbtn {
    color: ffff99;
}

ul.navbar li {
    display: inline-block;
}

ul.navbar li.dropdown {
    display: inline-block;
}

ul.navbar{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #7B6A56;
    text-align: center;
}

/* C++ links*/
.links
{
 color: white; 
 background-color: #7B6A56; 
 font-family: Shadows Into Light; 
 font-size: 16pt;
 text-align:center;
 width: 100%;
}

table
{
 	color: white; 
 	background-color: #391C0A; 
 	font-family: Californian FB; 
 	font-size: 20pt;
 	width: 100%;
 	border-spacing: 0;
}

/*c++*/
/*
table 
{
 color: white; 
 background-color: #391C0A; 
 font-family: Bangers; 
 font-size: 20pt;
 width: 100%;
}
*/

/*th 
{
	
	text-align: center;
 	color: white; 
 	background-color: #383A2D; 
 	font-family: Californian FB; 
 	font-size: 14pt;
 	font-weight: bold;
}*/

th 
{
	text-align: center;
 	color: white; 
 	background-color: #38592D; 
 	font-family: Californian FB; 
 	font-size: 20pt;
 	font-weight: bold;
}

.words 
{
	color: black; 
	background-color: #D0D3D4; 
	font-family: Californian FB; 
	font-size: 14pt;
	text-align: justify;
	font-weight: bold;
	vertical-align: text-top;
 	width: 100%;
	border-style: solid;
	border-color: #391C0A;
}

.top
{
	color: white; 
 	background-color: #7B6A56; 
 	font-family: Shadows Into Light; 
 	font-size: 12pt;
	text-align:center;
 	width: 100%;	
	position: fixed;
	top: 0;
	background: #7B6A56;
	margin-top: 120px;
}
.spacing
{
	color: black; 
	background-color: #D0D3D4; 
	font-family: Californian FB; 
	font-size: 14pt;
	text-align: justify;

	vertical-align: text-top;
 	width: 100%;
	border-style: solid;
	border-color: #391C0A;
	border-spacing: 20px;
	background-image:"owlfacessmaller.png"
}
ul.navbar .activee {
	color: ffff99;
}