Scribd
Upload
6 views2 pages

Style

This document contains CSS styles for a web page layout. It defines styles for body, form elements, headings, buttons, and error messages, emphasizing a centered, flexible design with specific color schemes and hover effects. The styles aim to create a visually appealing and user-friendly interface.

Uploaded by

avitussweetbert213
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
6 views2 pages

Style

This document contains CSS styles for a web page layout. It defines styles for body, form elements, headings, buttons, and error messages, emphasizing a centered, flexible design with specific color schemes and hover effects. The styles aim to create a visually appealing and user-friendly interface.

Uploaded by

avitussweetbert213
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

body{

background: #91a716;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
flex-direction: column;
}

*{
font-family: cursive;
box-sizing: padding-box;
}

form{
width: 1000px;
border: 3px solid rgb(177, 142, 142);
padding: 20px;
background: rgb(85, 54, 54);
border-radius: 20px;
}

h2{
text-align: center;
margin-bottom: 40px;
}

input{
display: block;
border: 2px solid #ccc;
width: 95%;
padding: 10px;
margin: 10px auto;
border-radius: 5px;
}

label{
color: #888;
font-size: 18px;
padding: 10px;
}

button{
float: right;
background: rgb(35, 174, 202);
padding: 10px 15px;
color: #fff;
border-radius: 5px;
margin-right: 10px;
border: none;
}

button:hover{
opacity: .10;
}

.error{
background: #F2DEDE;
color: #0c0101;
padding: 10px;
width: 95%;
border-radius: 5px;
margin: 20px auto;
}

h1{
text-align: center;
color: rgb(134, 3, 3);
}

a{
float: right;
background: rgb(183, 225, 233);
padding: 10px 15px;
color: #fff;
border-radius: 10px;
margin-right: 10px;
border: none;
text-decoration: none;
}

a:hover{
opacity: .7;
}

You might also like