body
{ 
	padding : 25px;
	background-color : #FFF;
	color : #000000;
	font-family: 'Arial', sans-serif;
}
h1
{
    color: #f093c7;
	font-size:3.2em;
	font-weight: normal;
}
h2
{
    color: #008cd0;
	font-size:1.8em;
}
h3
{
    color: #000;
	font-size:1.2em;
	font-weight: bold;
}
h4
{
    color: #000;
	font-size:1.2em;
}
p
{
	width : 100%;
}

.hidden {
    display:none;
}
.logo {
    margin-left:-15px;
}
.gray {
    color:#bbb;    
}

.right
{
	float : right;
	text-align : right;
}
.italic
{
	font-style : italic;
}
/* Container for centering the form */
form {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 300px;
    margin: 50px auto;
    margin-top:10px;
    padding: 20px;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Styling the input fields */
input[type="text"], input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    margin-top:0px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    background-color: #f9f9f9;
}

/* Placeholder styling */
input[type="text"]::placeholder, input[type="password"]::placeholder {
    color: #aaa;
}

/* Submit button styling */
input[type="submit"] {
    width: 100%;
    padding: 10px;
    background-color: #4CAF50;
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

input[type="submit"]:hover {
    background-color: #45a049;
}

/* Adding a bit of animation when focusing on input */
input[type="text"]:focus, input[type="password"]:focus {
    border-color: #4CAF50;
    outline: none;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.4);
}

a
{
        font-family: Arial;
	text-decoration : none;
	color : #f093c7;
	font-weight : bold;
}
.page_number
{
	font-weight : bold;
	text-align : right;
	padding-bottom : 20px;
}
.container
{
    display:flex;
    justify-content:center;
    align-items:center;
    height:80vh;
	text-align : center;
	padding-bottom : 75px;
}
.container2
{
	text-align : center;
}
.center_all
{
    text-align:center;
	display : inline-block;
	margin : auto;
}

/* Add a black background color to the top navigation */
.bottom_nav {
	background-color: #f093c7;
	overflow: hidden;
	position : fixed;
	bottom : 0;
	left : 0;
	width : 100%;
	opacity : 0.85;
}

/* Style the links inside the navigation bar */
.bottom_nav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 20px 25px;
  text-decoration: none;
  font-size: 17px;
	font-style : normal;
}

/* Change the color of links on hover */
.bottom_nav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.bottom_nav a.active {
  background-color: #008cd0;
  color: white;
}
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}
.g-signin2 {
    display: block;
    margin: 50px auto; /* Centers the g-signin2 button horizontally */
    justify-content:center;
    align-items:center;
}
.L5Fo6c-sM5MNb {
    display:flex;
    justify-content:center;
    align-items:center;
	text-align : center;
	background-color:#008cd0;
}