.text-color-nav{-webkit-text-fill-color:rgb(0,0,0)}.login-logo-image{border-radius:3rem;border:solid;border-color:#000}.login-background{background-color:#24242e}.login-form{background-color:#24242e;border-radius:1rem;border:solid;border-color:#000}.grid-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5em;margin:5%;background:none;border-radius:10px;border:1px solid black}.under-grid{padding:.5em;box-shadow:10px 5px 5px #272a53;font-weight:700;font-size:1.5em;color:#fff;opacity:.9;background-color:#000;border-radius:10px}.grid-item-top{grid-column-start:1;grid-column-end:span 3;padding:.5em;display:inline-block;border-radius:10px;background-color:#000c;font-size:1.5em;font-weight:700;color:#fff;margin:.5em}.grid-top{padding:.5em;display:inline-block;border-radius:10px;background-color:#000c;font-size:1.5em;font-weight:700;color:#fff;margin:.5em}.bottom-line{grid-column-start:1;grid-column-end:span 3;padding:.5em;display:inline-block;border-radius:10px;background-color:#000c;font-size:1.5em;font-weight:700;color:#fff;margin:.5em}.full-screen-bg{position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#f3f4f6;background-repeat:no-repeat;background-attachment:fixed;background-size:contain;background-position:left bottom}.dark-mode{background-color:#1a202c}@media (max-width: 640px){.bg-border-effect{background-size:150% 100%;background-position:0 100%}}@media (min-width: 640px) and (max-width: 1024px){.bg-border-effect{background-size:150% 100%;background-position:0% 100%}}@media (min-width: 1024px){.bg-border-effect{background-position:10% 100%}}.pt-0{padding-top:0}@media (min-width: 640px){.pt-0-sm{padding-top:20px}}body{font-family:Merriweather,serif;margin:0;padding:0;background-color:#f4f4f4}.welcome-container,.dashboard-container,.reports-container,.gallery-container{padding:20px}.header{background-color:#4a4a4a;color:#fff;padding:10px}.header nav ul{list-style-type:none;padding:0}.header nav ul li{display:inline;margin-right:15px}.footer{text-align:center;padding:10px;background-color:#4a4a4a;color:#fff}.primary-button{background-color:#fc0;color:#333;border:none;padding:10px 20px;cursor:pointer}.card{background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px;margin:10px;text-align:center}.button{padding:10px 20px;background-color:#a8d5ba;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s}.button:hover{background-color:#8bcb9b}.header-container{background-color:#4a4a4a;color:#fff;padding:10px}.header-container nav ul{list-style-type:none;padding:0}.header-container nav ul li{display:inline;margin-right:15px}.footer-container{background-color:#8b5b29;color:#fff;text-align:center;padding:10px 0;position:relative;bottom:0;width:100%;background-size:cover}.dashboard-container{background-color:#a8d5ba;padding:20px;border-radius:5px;flex:1;margin-right:10px;margin-left:10px}.dashboard-content{display:flex;justify-content:space-between}.dashboard-container h2{font-size:24px;color:#8b5b29}.dashboard-container p{color:#8b5b29}.dashboard-icon{width:32px;height:32px;border-radius:5px;background-color:#fbfffe}.gallery-container{background-color:#beb397;padding:20px;border-radius:5px;flex:1;margin-right:10px;margin-left:10px}.gallery-container h2{font-size:24px;color:#a8d5ba}.gallery-container p{color:#fff}.gallery-images{display:flex;flex-wrap:wrap}.gallery-images img{width:30%;margin:5px;border-radius:5px}.gallery-icon{width:32px;height:32px;border-radius:5px;background-color:#beb397}.reports-container{background-color:#a8d5ba;padding:20px;border-radius:5px;flex:1;margin-right:10px;margin-left:10px}.reports-container h2{font-size:24px;color:#8b5b29}.reports-container p{color:#8b5b29}.reports-icon{width:32px;height:32px;border-radius:5px;background-color:#e5e5d5}.reports-chart-container{margin-top:20px;background-color:#f5f5f5;padding:20px;border-radius:5px}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:#f5f5f5cc;color:#8b5b29;text-align:center;background-size:cover}.welcome-container h1{font-size:36px;font-weight:700}.welcome-container p{font-size:18px;margin:20px 0}