Scribd
Upload
2 views2 pages

Styles

The document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, headings, input fields, buttons, and paragraphs, focusing on layout, colors, and hover effects. Additionally, it specifies styles for two classes, '.input' and '.data', which manage the appearance and layout of elements on the page.

Uploaded by

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

Styles

The document is a CSS stylesheet that defines the styling for a webpage. It includes styles for the body, headings, input fields, buttons, and paragraphs, focusing on layout, colors, and hover effects. Additionally, it specifies styles for two classes, '.input' and '.data', which manage the appearance and layout of elements on the page.

Uploaded by

jakhuranusrat
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Styles.

css

body {
font-family: Arial, sans-serif;
background-color: #ffffff;
padding: 30px;
}

h1 {
text-align: center;
color: #2c3e50;
margin-bottom: 20px;
padding: 30px;
}

input[type="text"],
input[type="email"],
input[type="password"] {
width: 300px;
padding: 10px;
margin: 10px 0;
border: 2px solid #ddd;
border-radius: 5px;
font-size: 16px;
}

input:focus {
outline: none;
border-color: #007bff;
}

button {
padding: 10px 20px;
margin-top: 10px;
background-color: #007bff;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
cursor: pointer;
}

button:hover {
background-color: #0056b3;
}
p {
font-size: 18px;
color: #333;
}

.input{
text-align: center;
float: left;
width: 45%;
border: 3px solid rgb(255, 255, 255);
padding: 20px;
border-color: rgb(136, 180, 237);
border-radius: 50px;
}

.data{
float: right;
width: 45%;
border: 3px solid rgb(255, 255, 255);
padding-left: 30px;
padding-right: 30px;
padding-top: 1px;
padding-bottom: 100px;
border-color: rgb(136, 180, 237);
border-radius: 50px;
}

You might also like