static/styles/style.css

/*
@author: idoia lerchundi
*/
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
html,body{font-size:15px;line-height:1.5}html{overflow-x:hidden}
#credit {
    background-color: #f5f5f5; /* Light gray background */
    color: #555555;           /* Dark gray font for readability */
    font-family: 'Roboto', sans-serif; /* Clean and modern sans-serif font */
    font-size: 0.9em;         /* Slightly smaller font size for subtlety */
    padding: 10px 15px;       /* Add padding for spacing */
    border-radius: 5px;       /* Rounded corners for a softer look */
    text-align: center;       /* Center-align the text */
    margin: 20px auto;        /* Add margin and center the div */
    max-width: 800px;         /* Set a maximum width for better layout control */
}
#credit a {
    color: #0077cc;           /* Subtle blue for links */
    text-decoration: none;    /* Remove underline from links */
    font-weight: bold;        /* Make links bold */
}
#credit a:hover {
    text-decoration: underline; /* Add underline on hover */
    color: #005fa3;            /* Slightly darker blue on hover */
}
body {
    background-color: #121212;
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
}
a {
    color: #bb86fc;
}
.banner {height: 75px;}
input[type=message], input[type=email], input[type=text], textarea {
  width: 100%; 
  padding: 12px; 
  border: 1px solid #ccc; 
  border-radius: 4px; 
  box-sizing: border-box; 
  margin-top: 6px;
  margin-bottom: 16px;
  resize: vertical;
}
button[type=submit] {
  background-color: #04AA6D;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
button[type=submit]:hover {
  background-color: #45a049;
}
/* Hide Streamlit Branding */
#MainMenu {visibility: hidden;}
footer {visibility: hidden;}
header {visibility: hidden;}

.block-container{padding:0 20px 20px 30px; color:pink;}