Scribd
Upload
5 views2 pages

Styles Css

It helps for coding

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
5 views2 pages

Styles Css

It helps for coding

Uploaded by

tanmayntandel7
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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