body {
  background-image:url("/images/background.avif");
  #background-color: #000088;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment: fixed;
  color: #000080
}

.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 2px;
    background-color: #00008000;
    background-image: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

/* main menu styles */ 
#.grid-child.container-nav { background-color:#93473b; align-items:center; }
#.container-header .container-nav { padding:0em; }
#.container-header nav.navbar { margin-top:0; width:100%; }
#.container-header .container-nav li a { font-family: 'Laconic-Regular'; }
.container-header .container-nav li a { font-size: 20px; font-weight: bold; color:#000080; text-shadow: 0 0 5px white; }



.footer {
	background-color: #00000000;
    background-image: none;
}

main {
  background-color: #fff2D7e6;
  padding: 25px;
  border-radius: 25px;
  
}

#img {overflow:hidden;margin-bottom: 5px;
# width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-#duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;}
#img:hover  {
#transform: scale(1.2) rotate(2deg);
#    }

.fling-kb {overflow:hidden;margin-bottom: 5px;}
.fling-kb img {width: 100%;margin-left: 0px;position: relative;transition-property: all;transition-duration: 0.8s; transition-timing-function: ease-in-out;transition-delay: 0s;}
.fling-kb:hover img {transform: scale(1.2) rotate(2deg);}


.card  {
  background-color: #ffffff00;
  padding: 25px;
  border-radius: 25px;
  
}


p { 
  font-family: verdana, geneva; 
  font-size: large;
  font-style: normal;
  line-height: 1.5;
  font-weight: normal;
  color: #000088;
  letter-spacing: 1px;
  #padding-left: 50px;
  #padding-right: 50px;
}

h1 {
	color: #000080;
}

h2 {
	color: #000080;
}