:root {
  --bg-color1: #7FBD32;
  --bg-color2: #E7F7D4;
  --bg-color3: #448D76;
  --font-color1: #091834;
   --font-color2: #1258DC;
  --font-color3: WHITE;
--fonts: "Calibri", Geneva, sans-serif
}


h1 {color: green;
color: DarkOliveGreen;
text-align: center;
font-family: var(--fonts);
line-height: 100%;
font-size: 24px;
}

h2 {color: gray;
text-decoration: none;
text-align: jystify;
font-family: var(--fonts);
font-weight: normal;
line-height: 100%;
font-size: 19px;
}

h7 {color: gray;
text-decoration: none;
text-align: right;
font-family: var(--fonts);
font-weight: normal;
line-height: 110%;
font-size: 12px;
}

div.art1 {
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
height: auto;
border: 5px solid var(--bg-color2);
text-align: justify;
line-height: 100%;
background-color: white;
color: var(--font-color1);
font-family: var(--fonts);
font-size: 18px;
padding: 10px 20px;
text-decoration: none;
text-shadow: 0px 0px black;
border-radius: 9px;
}

div.polaroid {
 display: block;
margin-left: auto;
margin-right: auto;
max-width: 90%;
height: auto;
padding: 0px 0px;
border-style: none;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 5px;
border-radius: 0px;
}

div.container {
  text-align: center;
font-size: 12px;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 92%;
height: auto;
  padding: 0px 0px;
}

a.main2:link, a.main2:visited {
color: Black;
color: var(--font-color1);
font-family: var(--fonts);

font-size: 18px;
text-align: justify;
text-decoration: none;
font-weight: bold;
text-shadow: 0px 0px black;
}
a.main2:hover, a.main2:active {
color: white;
font-family: var(--fonts);
background-color: rgb(70, 70, 70);
text-shadow: 1px 1px Gray;
}

a.nav1:link, a.nav1:visited {
background-color: rgb(0,102,0);
background-color: var(--bg-color3);
margin-left: auto;
margin-right: auto;
/*  background-image: linear-gradient(rgba(150,150,150,0), rgba(150,150,150,1));*/
color: white;
padding: 3px 10px;
font-family: var(--fonts);
font-size: 16px;
text-align: center;
text-decoration: none;
text-shadow: 1px 1px black;
display: inline-block;
border-radius: 6px;
}


a.nav1:hover, a.nav1:active {
background-color: rgb(70, 70, 70);
text-shadow: 0px 0px Gray;
}

div.polaroid_small {
  display: inline-block;
margin-left: 5px;
margin-right: 5px;
width: 215px;
height: auto;
padding: 0px 0px;
border-style: none;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 5px;
border-radius: 0px;
}

div.container_small {
  text-align: center;
margin-top: 10px;
margin-botom: 10px;
font-size: 13px;
font-family: var(--fonts);
line-height: 110%;
display: block;
margin-left: auto;
margin-right: auto;
max-width: 92%;
height: auto;
  padding: 0px 0px;
}
a.main3:link, a.main3:visited {

color: grey;
font-family: var(--fonts);
font-size: 13px;
text-align: justify;
text-decoration: none;
font-weight: normal;
text-shadow: 0px 0px black;
}
a.main3:hover, a.main3:active {
color: white;
font-family: var(--fonts);
background-color: rgb(70, 70, 70);
text-shadow: 1px 1px Gray;
}



/*
div.main2{
width: 293px;
padding: 8px 8px;
line-height: 100%;
border: 1px solid gray;
margin: 8px 3px; text-align: justify;
background-color: white;
font-family: var(--fonts);
font-size: 18px;
text-decoration: none;
text-shadow: 0px 0px black;
display: inline-block;
border-radius: 9px;
}

a.main1:link, a.main1:visited {
color: green;
color: var(--font-color1);
text-align: center;
font-family: var(--fonts);
font-size: 20px;
text-decoration: none;
font-weight: bold;
text-shadow: 0px 0px black;
}

a.main1:hover, a.main1:active {
color: white;
background-color: rgb(70, 70, 70);
text-shadow: 1px 1px Gray;
}


img.main1 {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 94%;
height: auto;
border: 2px solid White;
border-radius: 5px;
}

h2 {color: green;
color: var(--font-color2);
text-align: center;
font-family: var(--fonts);
line-height: 100%;
font-size: 20px;
background-color: rgb(57, 172, 115);
}

div.right1{
width: 240px;
padding: 2px 2px;
border: solid rgb(200, 200, 200);
border-width: 0px 0px 1px 0px;
padding-top: 10px;
padding-bottom: 10px;
text-align: justify;
line-height: 110%;
background-color: rgb(57, 172, 115);
background-color: var(--bg-color2);
color: white;
font-family: var(--fonts);
font-size: 14px;
text-decoration: none;
text-shadow: 0px 0px black;
display: inline-block;
border-radius: 1px;
}

a.right1:link, a.right1:visited {
background-color: rgb(57, 172, 115);
background-color: var(--bg-color2);
color: black;
color: var(--font-color1);
text-decoration: none;
text-align: justify;
text-shadow: 0px 0px black;
display: inline-block;
border-radius: 6px;
}
a.right1:hover, a.right1:active {
background-color: rgb(200, 200, 200);
text-shadow: 0px 0px Gray;
}

img.right1 {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
max-width: 100%;
height: auto;
border: 2px solid White;
border-radius: 5px;
}

img.back {
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}



*/