html, body {        height: 100%;        margin: 0;}body {    background-image: url(images/bg.jpg);    background-repeat: repeat;}#navigation {    position: relative;    background-color: transparent;    width: 90%;    max-width: 1200px;    margin: 40px auto;    left: 0;    top: 0;    font-weight: 500;    padding: 10px 0;    overflow: visible;    text-align: center;    border-radius: 0;    box-shadow: none;}.nav-item {    display: inline-block;    position: relative;    margin: 0 16px;}#navigation A:link {     text-decoration: none;     font-family: 'Cinzel', 'Libre Baskerville', serif;    font-weight: 700;    font-size: 16px;    padding: 6px 14px;    border-radius: 0;    background-color: transparent;    display: inline-block;    background: linear-gradient(135deg, #2e7d32, #81c784);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    transition: opacity 0.3s ease;}#navigation A:visited {     text-decoration: none;     font-family: 'Cinzel', 'Libre Baskerville', serif;    font-weight: 700;    font-size: 16px;    padding: 6px 14px;    border-radius: 0;    background-color: transparent;    display: inline-block;    background: linear-gradient(135deg, #2e7d32, #81c784);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;}#navigation A:hover {     text-decoration: none;     font-family: 'Cinzel', 'Libre Baskerville', serif;    font-weight: 700;    font-size: 16px;     padding: 6px 14px;    border-radius: 0;    background-color: transparent;    display: inline-block;    transform: none;    box-shadow: none;    opacity: 0.9;}.nav-underline {    position: absolute;    bottom: -2px;    left: 0;    width: 100%;    height: 2px;    background: linear-gradient(90deg, #2e7d32, #81c784);    transform: scaleX(0);    transform-origin: right;    transition: transform 0.3s cubic-bezier(0.65, 0.05, 0.36, 1);    clip-path: polygon(0 0, 100% 0, 90% 100%, 10% 100%);}.nav-item:hover .nav-underline {    transform: scaleX(1);    transform-origin: left;}#header {        background-image: url('images/head.jpg'), url('images/bg.jpg');        background-repeat: no-repeat, repeat;        background-position: center;         height: 762px;        width: 100%;        margin-top: -5px;}a:link {        text-decoration: none;         color: #2e7d32;         font-size: 18px;        font-family: 'Libre Baskerville', serif;        font-weight: 400 !important;        letter-spacing: 2px;        padding: 4px;        line-height: 1.6;        transition: all 0.3s ease-out;        border-radius: 4px;}a:visited {        text-decoration: none;        color: #2e7d32;         font-size: 18px;        font-family: 'Libre Baskerville', serif;        font-weight: 400 !important;        letter-spacing: 2px;        padding: 4px;        line-height: 1.6;        transition: all 0.3s ease-out;        border-radius: 4px;}a:hover {        text-decoration: none;        color: #1b5e20;         font-size: 18px;        font-family: 'Libre Baskerville', serif;        font-weight: 400 !important;        letter-spacing: 2px;        padding: 4px;        line-height: 1.6;        transition: all 0.3s ease-out;        border-radius: 4px;        opacity: 0.8;}b {         color: #1b5e20;        line-height: 1.8;        font-size: 18px;         letter-spacing: 1px;        border-bottom: dashed 2px #2e7d32;        font-family: 'Libre Baskerville', serif;}i {         color: #2e7d32;        line-height: 1.8;        border-bottom: dashed 2px #388e3c;        font-size: 18px;         font-family: 'Libre Baskerville', serif;         letter-spacing: 1px;}#content {        margin: -90px auto 0 auto;        padding-bottom: 40px;        position: relative;        width: 69%;        max-width: 1120px;}.contentx {        padding: 48px;        margin-left: 0px;        margin-right: 0px;        line-height: 2.2;        font-size: 18px;        font-family: 'Libre Baskerville', serif;        font-weight: 400 !important;        text-align: justify;        color: #000000;        margin-bottom: 30px;         font-style: italic;        background-color: rgba(255, 255, 255, 0.4);        border-radius: 12px;        opacity:0.7;}blockquote {     background-color: #dcedc8;     padding: 24px 32px;     margin: 30px 0;     text-align: justify;     color: #1b5e20;     border-left: 5px solid #2e7d32;     border-top: none;     border-right: none;     border-bottom: none;     font-style: italic;     border-radius: 0 12px 12px 0;     box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);}h1 {     color: #2e7d32;    letter-spacing: 1px;    font-family: 'Alumni Sans Pinstripe', sans-serif;    font-size: 56px;    padding: 20px 0;    line-height: 1.2;}.contentx input, textarea, select {    background-color: #e8f5e9!important;    border: 1px solid #388e3c;    padding: 12px 16px;    color: #1b5e20;    border-radius: 8px;    font-family: 'Libre Baskerville', serif;    font-size: 16px;    outline: none;    width: 90%;    display: block;    margin: 10px auto;    box-sizing: border-box;    transition: all 0.3s ease;}.contentx input:focus, textarea:focus, select:focus {    border-color: #1b5e20;    box-shadow: 0 0 0 3px rgba(46, 125, 50, 0.15);}#footer {    width: 100%;    padding: 40px 0;    text-align: center;    background-color: transparent;    margin-top: 60px;}.footer-content {    width: 90%;    max-width: 1200px;    margin: 0 auto;    border-top: 1px dashed rgba(46, 125, 50, 0.3);    padding-top: 25px;}.footer-text {    font-family: 'Cinzel', 'Libre Baskerville', serif;    font-size: 16px;    font-weight: 700;    letter-spacing: 3px;    background: linear-gradient(135deg, #2e7d32, #81c784);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    margin: 0;    opacity: 0.9;}