body {
    font-family: geneva;
    font-size: 13.5px;
    color: #777;
    letter-spacing: 0.1px;
    text-align: justify;
}

.multi-bg-example {
  max-width: 100%;
  height: auto;
  background-image: url(https://i.postimg.cc/RhVJYsRQ/LILYw.png), url(https://i.postimg.cc/tTzV2Qh5/w_LOTUS.png), url(https://i.postimg.cc/wTfvyNZM/bg.png);
  background-position: right top, left bottom, left top;
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: 25%, 25%, 2%; 
}

p {
    padding: 1px;
}


#wrapper {
    margin: 0 auto;
    width: 700px;
}

#headerwrap {
    width: 700px;
    float: left;
    margin: 0 auto;
    
}

#header {
    width: 690px;
    height: 200px;
    background: url(https://i.postimg.cc/k4mHR2m3/IMG-3574.png);
    background-size: 100%;
    background-repeat: no-repeat;
    border-bottom: 1px solid #ddd;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 5px;
}

#navigationwrap {
    width: 700px;
    float: left;
    margin: 0 auto;
}

#navigation {
    height: 18px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 5px;
    line-height:20px;
    text-align:center;
    font:13px georgia;
    font-weight: bold;
    padding-top:5px;
}

#contentwrap {
    width: 500px;
    float: left;
    margin: 0 auto;
}

#content {
    background: #FFFFFF;
    border-radius: 5px;
    border: 1px solid #ebebeb;
    margin: 5px;
    padding: 5px;
}

#rightcolumnwrap {
    width: 200px;
    float: left;
    margin: 0 auto;
}

#rightcolumn {
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 5px;padding:5px;
}

#footerwrap {
    width: 700px;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    height: 20px;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin: 5px;
    line-height:20px;
    text-align:center;
}


.title {
  background:#f9f9f9;
  color: #7d9e5a;
  text-transform:uppercase;
  font-size:14.2px;
  font-family: Georgia;
  font-weight: bold;
  letter-spacing:2px;
  padding-left:5px;
  border-bottom:1px solid #FFC8D7;
  border-left:0px solid #FFC8D7;
  margin-bottom: 4px;
  margin-top: 8px;
}
  
h1 {
    color: #ffd4db;
    margin: 0;
    font-size: 18px;
    font-family: Georgia;
    text-shadow: var(--shad1);
    letter-spacing: 1px;
    border-color: black;
    text-align: left;
}
  
.banner-h1 {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: FK;
    font-weight: normal;
    font-style: italic;
    letter-spacing: 1.8px;
    filter: drop-shadow(0px 0px 6px #eb8a9e);
    padding: 1px;
    padding-bottom: 1px;
}
  
:root {
    --black: #a35670;
    --shad1: 0 1px var(--black), 1px 0px var(--black), 0 -1px var(--black), -1px 0px var(--black), 1px -1px var(--black), -1px 1px var(--black), 1px 1px var(--black), -1px -1px var(--black);
    --outline1: drop-shadow(0px 1px var(--black)) drop-shadow(0 -0.5px var(--black)) drop-shadow(1px 0 var(--black)) drop-shadow(-0.5px 0 var(--black));
    --outline2: drop-shadow(0px 1px white) drop-shadow(0 -0.5px white) drop-shadow(1px 0 white) drop-shadow(-0.5px 0 white);
    --outline3: drop-shadow(0px 2px white) drop-shadow(0 -1px white) drop-shadow(2px 0 white) drop-shadow(-1px 0 white);
}
  
  
::-webkit-scrollbar-thumb {
    background-color: transparent;  
    border-radius: 0px;
    border:1px solid #999;
}
::-webkit-scrollbar {
    width: 7px; height: 4px; 
    background: transparent;
}


a:link, a:visited, a:active {
    color: #f59fb3; text-decoration:none;
}
a:hover {
    color: #99c280;
}

strong, b {
    color: #eb8a9e;
}
  
i {
    color: #9fc478;
}

@font-face {
  font-family: 'FK';
  src: url('/fonts/FK_italic.woff') format('woff'),
       url('/fonts/FK_light.woff') format('woff'),
       url('/fonts/FK_regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


.center-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50%;
  height: auto;
}

.image-left {
    float: left;
    margin-left: 5px;
    margin-right: 10px; 
    margin-bottom: 15px; 
    max-width: 50%; 
    height: auto; 
}

.thumbnail {
  max-width: 50%; 
  height: auto; 
}

.container {
    display: flex;
    align-items: center;
    gap: 1px;
}

.image {
    max-width: 30%;
    height: auto;
}

.text {
  background:#f9f9f9;
  color: #92ad76;
  text-transform:uppercase;
  font-size:14px;
  font-family: Georgia;
  font-weight: bold;
  letter-spacing:2px;
  padding-left:5px;
  border-bottom:1px solid #FFC8D7;
  border-left:0px solid #FFC8D7;
  margin-bottom:1px;
  padding-bottom: 0px;
}

.welcome-section {
    overflow: hidden;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 8px;
}

.lily-img {
    float: right;
    max-width: 55%;
    height: auto;
    margin-left: 4px;
    margin-top: 28px;
    shape-outside: polygon(0% 100%, 100% 100%, 100% 0%, 52% 0%, 100% 0%, 100% 68%);
    shape-margin: 0px;
}