/*    de andere pagina's schrijf ik hier want anders wordt het te veel */

p {
	font-weight: normal;

}


a {
	color: #55738a;

}

ul {
  	list-style-type: none;
  	margin: 0;
  	padding: 0;
  	overflow: hidden;

}

table {
  	margin-left: auto;
  	margin-right: auto;

}

td {
 	padding: 8px 10px;

}

ul li a {
	display: block;
        color: floralwhite;
        text-align: center;
        padding: 14px 16px;
        text-decoration: underline;
	 font-weight: normal;
}

.bytesnbits ul li a, .kleurmodel ul li a, .datacomp ul li a, .beeldg ul li a {
    font-weight: normal;

}

li {
  float: left;

}

ul li a:hover {
        background-color: #111111;		/* https://www.w3schools.com/css/css_navbar_horizontal.asp bron voor nav */
	transform: scale(1.05);

}	

.normallist {
	list-style-type:square !important;
	list-style-position: inside;

}

.normallist li {
	float: none !important;

}

/* Ik probeer hier heel specifieke dingens van bitsenbytes.html te plaatsen */

.bytesnbits {
	background-color: black;
	background-image: url("images/binary.gif");
	background-size: 10%;
	font-family: "Comic Neue", cursive;
  	font-weight: 50;
 	font-style: normal;

}

.paginabits {
	color: white;
	text-align: center;

}

.titel {
	text-decoration: underline;

}

.textbits {
	margin-left: 15px;

}

/* kleur extra */

.rgblol {
    	position: absolute;
    	top: 110px;
    	right: 180px;
    	width: 300px;
   	 border-radius: 10px;

}

.rgblol:hover {
    	transform: scale(1.2);
   	 transition: transform 0.5s ease;
   	 cursor: pointer;
}


.kleurmodel {
	background-color: black;
	background-image: url("images/jhonabombo.png");
	background-size: 100%;
	font-family: "Comic Neue", cursive;
  	font-weight: 5;
 	font-style: normal;

}

.tekstkleur {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;

}

.kleurtitelhoi {
	text-decoration: overline;
	text-decoration-color: gray;
}

.kleurgraaf, .kleurgraafdos, .kleurgraaftres, .kleurgraafcuat {
	color: #a1abc9;
	position: relative;
	top: -100px;
	text-shadow: 1.4px 1px 1.4px black;
	font-size: 20px;
}

.kleurgraafdos {
	color: tomato;
}

.kleurgraaftres {
	color: floralwhite;
}

.kleurgraafcuat {
	color: pink;
}


/* datacompressie extra */

.datacomp {
	background-color: black;
	background-image: url("images/catglasses.gif");
	background-size: 30%;
	font-family: "Comic Neue", cursive;
  	font-weight: 50;
 	font-style: normal;

}

.dataja {
	 color: floralwhite;
        font-size: 30px;
   	line-height: 1.6;
  	text-shadow: 0.4px 0.2px 0.4px black;
	 width: 100%;
        text-align: center;
	position: relative;
	top: -20px;
}



.data {
	color: floralwhite;
	text-align: center;
	position: relative;
	top: -15px;
	font-size: 17px;
	

}

strong {
	text-decoration: underline;

}




/* beeld  extra*/

.beeldg {
	background-color: black;
	background-image: url("images/babyaw.png");
	background-size: 100%;
	font-family: "Comic Neue", cursive;
  	font-weight: 50;
 	font-style: normal;

}

.beeldgraaf {
   	 color: #ffd6f6;
  	 font-size: 20px;
  	 line-height: 1.6;
   	 max-width: 800px;
  	 text-shadow: 0.4px 0.2px 0.4px black;
	
}

.beeldtitel {
	    
    	font-size: 45px;
    	color: pink;
    	text-shadow: 0 0 2px rgba(255, 192, 203, 0.6);
    	margin-top: 40px;

}

.beeldimg {
    	position: absolute;
    	top: 100px;
    	right: 50px;
    	width: 800px;
   	 border-radius: 10px;

}

.beeldimg:hover {
    	transform: scale(1.05);
   	 transition: transform 1s ease;
   	 cursor: pointer;
}


.boringfact {
   	 font-size: 12px;
    	color: floralwhite;
    	position: absolute;
    	top: 550px;
	left: 1350px;
}