﻿/* WHOLE PAGE */
.background {background:url(image/green.png); background-repeat: no-repeat; background-position: right top; background-attachment: fixed;}

/* WHOLE PAGE */
body {width:90%; margin:auto;}
main {min-height:500px;}

/*WHOLE PAGE */
.logo {width:100%; margin:auto; padding:0px; text-align:center;}

/* HEADER */



li {display:inline;}

a {display:blocks; padding:6px; background-color:#8585ad;color:white; text-decoration:none; margin:auto;}

a:hover {background-color:#d9b3ff;}

.nav-main {background-color:#8585ad; text-align:center;}

.dropbutton {display:block; background-color:#8585ad; color:white; padding:8px;
          cursor:pointer; }

.dropdown {position:relative; display:inline-block;}

.dropdown-content {display:none; position:absolute; min-width:160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}

.dropdown-content a {color: white; padding:8px; text-decoration:none;
    display:block; background-color:#8585ad;}

.dropdown-content a:hover {background-color:#d9b3ff;}

.dropdown:hover .dropdown-content {display:block;}
.dropdown:hover .dropbutton {background-color:#d9b3ff;}

.masthead {font-family:; font-size:22px;}


/* MAIN BODY */

.dalil {font-size:28px; font-family:comic sans ms;}

.smallcolumn {position:relative; top:-160px; left: 30%; display:block; 
	      background-color:#000033; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); color:#f2f2f2; width:45%; min-height:180px;}


.column {position:relative; center:25%; display:block; top:0px;
	      background-color:#00cca3; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); color:black;
	      width:45%; min-height:180px; text-align:center;}

.text {background-color:#ff9900; font-family:arial; text-align:center; width:200px; min-height:50px; 
	box-shadow: 8px 14px 22px 8px rgba(0,0,0,0.2); transform:translate(30px,10px); border-radius: 10px;}

.summary {text-align:center}

.imagelink {background-color:#ecc6d9; display:image;}
.imagelink:hover {background-color:#4d0018; display:image; text-decoration:blink;}

.no-block {display:text; background-color:#f2f2f2; color:orange; display:image;}
.no-block:hover {background-color:#f2f2f2;}

.entry {font-family: comic sans ms; font-size:22px; margin:justify;}

h3 {background-color:lightgreen}

img {padding:8px;}







/*FOOTER*/

.smallfooter {background-color:#e9e5c7;}

#lastfooter {background-color:#e9e5c7; text-align:center; text-decoration:bold;}

