@charset "utf-8";
/* CSS Document */
html {
background: #fd79ff26;
background-image: url(oblak1.jpg);
background-attachment: fixed;
font-size : 18px; 
font-family : Georgia; 
margin : 0; 
padding : 5px; 
}

body{
-webkit-border-radius: 15px;
	
-moz-border-radius: 15px;
box-shadow: 0px 0px 60px 0px #000000;

	
border-radius: 15px;
	
color: black;
	
margin: auto;
	
max-width: 1000px;
	 
padding : 8px;
	
border:1px solid lightslategray;


	font-size:18px;color:black;
	font-weight: normal;
	
	    background:  lightslategray; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left top,  lightslategray,  azure); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right,  lightslategray,  azure); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right,  lightslategray,  azure); /* For Firefox 3.6 to 15 */
    background-image: url(oblak.jpg);
	
	}
div.d1{border:0px double  lightslategray; padding: 2px; color:black; text-align: center;}
div.d5{border:2px double  lightslategray; padding: 2px; background-color:none;color:black; text-align: center;}
.button {
	   padding: 8px 20px;
    margin: 8px 0;
	  box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    background-color:  azure; 
    color: black; 
    border: 2px solid  lightslategray;
}
.button:hover {
	
    background-color:  azure; /* crno */
    color:  black;
}

.quote{
	font-size: 18px;
	padding: 2px 0px 2px 4px;
	color:  lightslategray;
	border-left: 3px solid  lightslategray;
}



.d1 a:link, .d1 a:visited{
color: black;
text-shadow: 2px 2px 5px   lightslategray; 
}
.d5 a:link, .d1 a:visited{
color: black;
text-shadow: 2px 2px 5px  lightslategray; 
}

input[type=text] {
   
    padding: 8px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid  lightslategray;
    background-color:  azure;
    color: black;
}

a:link, a:visited {
	
display:inline-block;
	
padding: 3px 5px 3px 5px;
	
background: transparent;
	

	 
color :black;
	
margin: 2px;
	
border-radius: 3px;
	
text-decoration : none;
	 

}


a:hover {
	
background: azure;
	
text-decoration : none;
	 

}

a{color:black; text-shadow: 2px 2px 5px  lightslategray;}
a:visited,a:active{
color:black; 
text-shadow: 2px 2px 5px  lightslategray; 
}
.color {
    
    color: black;
    padding: 8px 20px;
    margin: 8px 0;
    border: 2px solid  lightslategray;
    cursor: pointer;
}

.drop {
    background-color:  azure;
    color: black;
    padding: 8px 20px;
    margin: 8px 0;
    border: 2px solid  lightslategray;
    cursor: pointer;
}
img {

    max-width: 100%;
    height: auto;
}

div.fixed {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
}

.altertekst{
    border: 1px double lightslategray;
	background-image: url(red.jpg);
	margin: 10px -2px;border-radius:10px;
	padding: 5px;
	
}