body {
	background-color: rgba(255, 184, 71, 0.1); 
	color: #333333;
	padding: 0px;
	margin: 10px;
	background-position: top right;
	background-attachment: fixed; /*scroll, fixed, local*/
}

.container > nav > ul > li > a {
  color: rgba(158, 0, 0, 1);
	}
.container {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
}

.onRight > h3 > a {
  color: rgba(158, 0, 0, 1);
}
/*
img {
	width: 200px;
	height: 300px;
	}
*/

canvas {
	background-color: white;
	border: 2px solid black;
}
 h1, h2, h3, h4 {
	color: rgba(158, 0, 0, 1);
	font-family: tahoma, arial, sans-serif; /*esimene on kõige suurem soov*/
	
}
/*Õh1:hover, h2:hover, h3:hover {
	color: IndianRed;
	text-shadow: 0px 0px 10px #0072CE;
	transition: all 3s;
}
	*/
div {
  padding-right: 20px;
  padding-left: 20px;
}

section,nav {
	background-color: rgba(249, 235, 234, .5)
}
	h1, h2, h3 {
		color: rgba(158, 0, 0, 1);
	font-family: tahoma, arial, sans-serif; /*esimene on kõige suurem soov*/
	
}
section {
	border-width: 4px; /* pt, cm, %, px */
	border-style: solid;/* solid, dotted, dashed, groove, inset*/
	border-color: #BDB76B;
	width: 80%; /* px % cm pt */
	max-width: 1000px; /*natuke nagu standard, ei peagi lõputult kohanduma, alla 400 ei tahaks lasta!*/
	min-width: 400px;
	max-height: 900px;
	overflow: auto; /* visible hidden auto scroll*/
	padding: 20px 20px 40px 20px; /*alumine kiri kippus ära kaduma*/
	margin: 10px 0px 10px 0px; /*margin top, margin-right ....*/

	background-repeat: no-repeat;
	background-size: 50px; /*contain, cover*/
	background-position: top left, top right, bottom right, bottom left;
}
nav {
	border: 4px dotted;
	border-color: #BDB76B; 	/*viimane käsk loeb, eespool oli solid!!!*/
	width: 300px;
	margin: 10px;
	padding: 10px;
}
.textcolour
{color: rgba(158, 0, 0, 1);
	
}
.onRight {
	position: absolute; /* static relative absolute */
	top: 10px;
	right: 10px;
}
.important1{
	font-weight: 900;
	font-style: oblique;/*italic oblique*/
}
[lang="en"]{
	font-style: oblique;/*kaldkiri*/
}
.fancy{
	position: relative;
	animation: spin 3s linear infinite;
}

@keyframes spin {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360 deg);}	
}

@font-face{
	font-family: arial;
	/*src: local(), url(GABRIOLA.TTF) format("truetype") /*Olenevalt sellest, kas mul on see font või mitte*/
}
.button {
	background-color: #ff6666;
	border: 2px;
	border-radius: 50px;
	color: black;
	font-size: 17px;
}

/*.onRight algab punktiga ehk on klass. Klass on css-is põhikujundusvahend!!!*/
/**/