Scribd
Upload
3 views

Styles Css

It helps for coding

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
3 views

Styles Css

It helps for coding

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

/* Reset and Modern Look */

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Arial', sans-serif;
}

body {
background: linear-gradient(135deg, #4CAF50, #81C784);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

.container, .login-container {
max-width: 400px;
background-color: white;
padding: 30px;
border-radius: 10px;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
text-align: center;
}

input, select, button {


width: 100%;
padding: 12px;
margin: 10px 0;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 16px;
}

button {
background-color: #388E3C;
color: white;
border: none;
cursor: pointer;
transition: background-color 0.3s;
}

button:hover {
background-color: #2E7D32;
}

.hidden {
display: none;
}

ul {
list-style: none;
padding: 0;
}

li {
background-color: #f0f0f0;
margin: 5px 0;
padding: 10px;
border-radius: 5px;
display: flex;
justify-content: space-between;
}

.logout-btn {
background-color: #FF5722;
margin-top: 10px;
float: right;
}

You might also like