@font-face { 	
		src: url(fonts/Besley-Medium.ttf);
		font-family: bes; 
		}

@font-face { 	
		src: url(fonts/rubik/Rubik-Regular.ttf);
		font-family: rubik; 
		font-weight: normal;
		}
@font-face { 	
		src: url(fonts/montserrat/Montserrat-Medium.otf);
		font-family: montserrat; 
		font-weight: normal;
		}
@font-face { 	
		src: url(fonts/roboto/Roboto-Regular.otf);
		font-family: roboto; 
		font-weight: normal;
		}
body {
	margin: auto; 
	background-color:  #cce6ff;
	}
h1 {
	color: white;
	font-size: 40px;
	text-align: center;
	font-family: "bes", sans-serif;
}
h2 {    
	color: #db0700;
	font-family: "roboto", sans-serif;
	text-align: center;
	}
h3 {
	padding-top: 40px;
	color:#ffda82;
	text-align: center;
	font-family: "rubik", sans-serif;
	}
h4 {
	color: #fca311;
	text-align: center;
	font-family: "montserrat", sans-serif;
	}
p { 	
	font-family: roboto;
	color: black;
	line-height: 30px;
	}
a:hover {
	color: white;
	}
.elemento-lista-lavori {
	color: #fca311;
	text-align: center;
	}
.elemento-lista-lavori:hover {
	background: white;
	}
	
img {	max-width:200px;
	padding:10px;
	display: block;
	margin: auto;
	}
img:hover {
	height: 150%;
	width: 150%;
	}
li {
	color: white;
	}

a:link,:visited  {
	color: red;
	}
a	{
	color: red;
	}
a:hover  {
	color: white;
	}
ul, ol { 
	margin: 0 auto;
	text-align: center;
      	list-style-type: none; 
}

@media (min-width: 1000px) {
 body {
	margin-left: 100px;
	margin-right: 100px;
 	}
	}