body { padding-top: 80px; width: 100%; justify-content: center; align-items: center; justify-content: center; font-family: 'Verdana', sans-serif; font-style: normal; font-variant: normal; font-weight: 500; line-height: 22.5px; --ac-menugrey-color: black; --ac-background-fill-color: rgb(222, 84, 30); --ac-blue-color: rgb(30, 30, 124); --ac-warm-orange: rgb(0, 136, 170); --ac-grey-color: rgb(140, 147, 165); --ac-light-grey-color: rgb(184, 181, 181); --ac-text-color: rgb(175, 175, 175); --ac-menu-text-color: rgb(255, 255, 255); --ac-menu-text-high-color: rgb(214, 73, 51); --ac-footer-font: rgb(10, 186, 255); --ac-background-color: rgb(6, 6, 6); --menu-opacity: 0.93; background-color: var(--ac-background-color); color: var(--ac-text-color);}a { text-decoration: none}@viewport { width: 400px; orientation: landscape;}@media (max-width:749px) { html, body { max-width: 100%; overflow-x: hidden; } img.icons { width: 110px; height: 110px; display: block; margin-left: auto; margin-right: auto; } .frame { height: 110px; overflow: hidden; } .zoomout img { height: 110px; width: 110px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .zoomout img:hover { width: 100px; height: 100px; } navwide { display: none; } navwide ul { display: none; } navwide ul li { display: none; } img.banner { width: 100px; } h1.banner { font-size: 18px; font-weight: 800; } h3.banner { font-size: 16px; font-weight: 400; } .banner-container { padding-top: 0px; padding-bottom: 150px; width: 100%; height: auto; } .flex-container { padding-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-around; max-width: 749px; margin: auto; height: auto; flex: 1; } .about-container { padding-top: 20px; padding-bottom: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-end; flex-wrap: wrap; justify-content: space-around; max-width: 1000px; margin: auto; height: auto; } .flex-item-i1 { width: 90%; font-size: 20px; color: var(--ac-menu-text-high-color); align-items: center; justify-content: center; text-align: center; height: 0px; position: relative; } .flex-item-i2 { width: 90%; font-size: 16px; height: auto; } .flex-item-j1 { width: 90%; font-size: 16px; } .flex-item-j2 { width: 90%; font-size: 16px; } .flex-item-c { padding-top: 5%; height: auto; width: 90%; font-size: 12px; text-align: justify; justify-content: flex-start; text-decoration: none; color: var(--ac-grey-color); } .flex-item-d { text-align: center; width: 70%; font-size: 22px; line-height: 40px; color: var(--ac-menu-text-color); } .flex-item-s1 { width: 300px; font-size: 16px; } .flex-item-b2 { width: 90%; font-size: 16px; padding: 10px; color: var(--ac-text-color); align-items: center; justify-content: center; text-align: justify; } .button { display: inline-block; border-radius: 4px; padding: 10px 24px; font-size: 16px; background-color: var(--ac-background-color); color: var(--ac-menu-text-high-color); border: 2px solid var(--ac-menu-text-high-color); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }}#wrapperbackground { background: url("backdrop.png"); background-size: 500px; background-attachment: fixed; background-repeat: no-repeat; background-position: 30% 45%;}@media (min-width:750px) { html, body { max-width: 100%; overflow-x: hidden; } img.icons { width: 160px; display: block; margin-left: auto; margin-right: auto; } .flex-container { padding-top: 20px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; flex-wrap: wrap; justify-content: space-around; max-width: 1000px; margin: auto; height: auto; flex: 1; } .about-container { padding-top: 20px; padding-bottom: 20px; padding-left: 20%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-around; max-width: 1000px; margin: auto; height: auto; } .flex-item-i1 { padding-top: 25%; width: 45%; font-size: 20px; color: var(--ac-text-color); align-items: center; justify-content: center; text-align: center; height: auto; position: relative; } .flex-item-b1 { width: 35%; font-size: 30px; color: var(--ac-text-color); display: flex; align-items: center; justify-content: center; padding: 10px; } .flex-item-b2 { width: 55%; font-size: 16px; padding: 10px; color: var(--ac-text-color); align-items: center; justify-content: center; text-align: center; } .flex-item-i2 { width: 45%; font-size: 16px; } .flex-item-j1 { width: 45%; font-size: 16px; } .flex-item-j2 { width: 45%; font-size: 16px; } .flex-item-c { height: auto; width: 45%; font-size: 12px; text-align: justify; justify-content: center; color: var(--ac-grey-color); } .flex-item-d { text-align: center; width: 70%; font-size: 22px; line-height: 40px; color: var(--ac-menu-text-color); } .flex-item-s1 { width: 300px; font-size: 16px; } .button { display: inline-block; border-radius: 4px; padding: 10px 24px; font-size: 16px; background-color: var(--ac-background-color); color: var(--ac-menu-text-high-color); border: 2px solid var(--ac-menu-text-high-color); box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .frame { height: 110px; overflow: hidden; } .zoomout img { height: 110px; width: 110px; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease; } .zoomout img:hover { width: 100px; height: 100px; } nav { display: none } div#wrapper { position: fixed; top: 0; width: 100%; text-align: center; height: 61px; background-color: var(--ac-menugrey-color); opacity: var(--menu-opacity); border: none; z-index: 1000; } ul#list-nav { padding: 0px; width: auto; font-size: 16px; text-decoration: none; list-style: none; } ul#list-nav li { display: inline; } ul#list-nav a { background-color: var(--ac-menugrey-color); color: var(--ac-light-grey-color); padding: 5px 5px; text-align: center; text-decoration: none; font-size: 16px; } ul#list-nav a:hover { color: var(--ac-menu-text-high-color); text-decoration: none; } ul#list-nav a:active { text-decoration: none; } img.banner { width: 100px; } h1.banner { font-size: 18px; font-weight: 800; } h3.banner { font-size: 16px; font-weight: 400; } .banner-container { padding-top: 0px; padding-bottom: 10px; width: 100%; height: auto; } .fixfooter { position: absolute; bottom: 0; width: 100%; text-align: center; }}@media (max-width:479px) { .row { color: var(--ac-footer-font); max-width: 479px; display: inline; } .newspaper { column-count: 1; column-gap: 0px; } .left { width: 22vw; margin-top: 0px; margin-left: 5vw; margin-right: 5vw; } .left img { padding-top: 200px; opacity: 0.5; width: 50px; } .column { float: left; width: 10vw } .column a { font-size: 14px; } .sig { display: inline; } .sig .left { float: left; width: 250px; } .sig .right { float: left; }}@media (min-width:480px) and (max-width:849px) { .row { color: var(--ac-footer-font); max-width: 749px; display: inline; } .newspaper { column-width: auto; column-rule: 2px double rgb(49, 48, 48); column-count: 2; column-gap: 100px; } .left { width: 22vw; margin-top: 0px; margin-left: 2vw; margin-right: 2vw; } .left img { padding-top: 120px; opacity: 0.5; width: 50px; } img.icons-footer { width: 25px; display: block; margin-left: auto; margin-right: auto; } .column { float: left; width: 10vw; } .column a { font-size: 14px; } .sig { display: inline; } .sig .left { display: inline; } .sig .right { display: inline; }}@media (min-width:850px) { .row { color: var(--ac-footer-font); width: 1000px; display: inline-block; } .newspaper { column-count: 3; column-width: auto; column-rule: 2px double rgb(49, 48, 48); column-gap: 100px; } .left { width: 120px; margin-top: 0px; margin-left: 20px; margin-right: 20px; } .left img { padding-top: 60px; opacity: 0.5; width: 80px; } img.icons-footer { width: 30px; display: block; margin-left: auto; margin-right: auto; } .column { float: left; width: 80px; } .column a { font-size: 14px; } .sig { display: inline; } .sig .left { display: inline; } .sig .right { display: inline; }}.centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}.center { display: block; margin-left: auto; margin-right: auto; width: 1000px;}img { background-repeat: no-repeat; margin: auto;}.menu-container { width: 100%; justify-content: center; position: fixed; top: 0; background-color: var(--ac-menugrey-color); }.flex-item-links { background-color: var(--ac-light-grey-color); border: 2px solid var(--ac-grey-color); border-radius: 10px; display: flex; margin-left: 25px; margin-right: 25px; padding: 1em; box-sizing: border-box; height: auto; width: auto; display: flex;}.flex-item-links>div { flex: 1 1 auto;}.slide1 { animation: fadeInOut1 30s ease forwards infinite; top: 40%; line-height: 35px; position: absolute; height: 180px;}.slide2 { animation: fadeInOut2 30s ease forwards infinite; top: 40%; line-height: 35px; position: absolute; height: 180px;}.slide3 { animation: fadeInOut3 30s ease forwards infinite; top: 40%; line-height: 35px; position: absolute; height: 180px;}.slide4 { animation: fadeInOut4 30s ease forwards infinite; top: 40%; line-height: 35px; position: absolute; height: 180px;}.slide5 { animation: fadeInOut5 30s ease forwards infinite; top: 40%; line-height: 35px; position: absolute; height: 180px;}@keyframes fadeInOut1 { 0% { opacity: 0 } 3% { opacity: 1 } 17% { opacity: 1 } 20% { opacity: 0 } 100% { opacity: 0 }}@keyframes fadeInOut2 { 0% { opacity: 0 } 20% { opacity: 0 } 23% { opacity: 1 } 37% { opacity: 1 } 40% { opacity: 0 } 100% { opacity: 0 }}@keyframes fadeInOut3 { 0% { opacity: 0 } 40% { opacity: 0 } 43% { opacity: 1 } 57% { opacity: 1 } 60% { opacity: 0 } 100% { opacity: 0 }}@keyframes fadeInOut4 { 0% { opacity: 0 } 60% { opacity: 0 } 63% { opacity: 1 } 77% { opacity: 1 } 80% { opacity: 0 } 100% { opacity: 0 }}@keyframes fadeInOut5 { 0% { opacity: 0 } 80% { opacity: 0 } 83% { opacity: 1 } 97% { opacity: 1 } 100% { opacity: 0 }}.flex-item-i2 { padding: 20px; color: var(--ac-text-color); width: auto; text-align: center;}.flex-item-s1 { padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px; text-align: justify; align-items: center; display: flex;}.flex-item-j1 { align-items: center; flex-basis: 20%;}.flex-item-j2 { border-radius: 6px; color: var(--ac-blue-color); background-color: inherit; align-items: center; flex-basis: 60%; text-align: justify;}flex-item-j1+flex-item-j1 { margin-left: 20%;}input[type=submit] { display: inline-block; padding: 10px 24px; font-size: 16px; color: black; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); cursor: pointer; margin: 0 auto; border: 2px solid; border-radius: 4px; vertical-align: bottom; padding: 4px 40px; background-color: var(--ac-background-color); border-color: var(--ac-menu-text-high-color); color: var(--ac-menu-text-high-color);}input[type="file"] { display: inline-block; font-size: 16px; color: black; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); cursor: pointer; border: 2px solid; border-radius: 4px; vertical-align: bottom; padding: 4px 4px; background-color: var(--ac-light-grey-color); border-color: var(--ac-blue-color); color: var(--ac-text-color);}input[type=text] { font-size: 16px; border: 2px solid var(--ac-grey-color); border-radius: 4px; width: 100%;}.error { width: 100%; font-size: 16px; text-align: center; background: var(--ac-background-color); color: var(--ac-menu-text-high-color);}.success { width: 100%; font-size: 16px; text-align: center; background: var(--ac-background-color); color: var(--ac-footer-font);}hr { width: 90%; border: none; height: 1px; color: #333; background-color: #333;}h4 { color: var(--ac-menu-text-color);}.navbar { z-index: 999; width: 300px;}.navbar a:hover { text-decoration: none;}a.active { color: --ac-grey-color;}nav { position: fixed; top: 0; float: right; border-style: solid; border-top: 1px solid var(--ac-menugrey-color); border-bottom: 1px solid var(--ac-menugrey-color); border-left: var(--ac-menugrey-color); border-right: var(--ac-menugrey-color); background-color: var(--ac-menugrey-color); width: 100%; height: 61px; opacity: var(--menu-opacity);}nav ul { padding: 0; margin: 0; list-style: none; position: relative;}nav ul li { float: right; background-color: var(--ac-menugrey-color);}nav a { display: block; padding: 0 10px; color: var(--ac-light-grey-color); line-height: 50px; text-decoration: none; background-color: var(--ac-menugrey-color);}nav a:hover { text-decoration: none;}nav ul ul { display: none; position: absolute; top: 60px;}nav ul li:hover>ul { display: inherit;}nav ul ul li { width: 170px; display: list-item; position: relative;}li>a:after { content: '';}li>a:only-child:after { content: '';}.fixfooter {}.footer { background-color: var(--ac-menugrey-color); opacity: var(--menu-opacity); width: 100%; text-align: center;}.row a { color: var(--ac-menu-text-color);}.row a:hover { z-index: 999; color: var(--ac-menu-text-high-color); text-decoration: none;}.middle { width: 80%; text-align: left;}.middle p { font-size: 18px; color: var(--ac-footer-font);}.middle h2 { font-size: 20px; color: var(--ac-footer-font);}.fa { padding: 20px; font-size: 14px; width: 50px; text-align: center; text-decoration: none; border-radius: 50%;}.fa:hover { opacity: 0.7;}.panel-heading { cursor: pointer; background-color: var(--ac-background-fill-color); color: red;}.file-upload input[type='file'] { display: none;}.rounded-lg { border-radius: 1rem;}.custom-file-label.rounded-pill { border-radius: 50rem;}.custom-file-label.rounded-pill::after { border-radius: 0 50rem 50rem 0;}