Scribd
Upload
6 views1 page

Stylúiioes

The document contains CSS styles for a web page layout that centers content vertically and horizontally. It includes styles for headings, buttons, and images, with specific colors and sizes for each element. The design features a light background and contrasting button colors for 'yes' and 'no' options.

Uploaded by

ftjarvis8
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 views1 page

Stylúiioes

The document contains CSS styles for a web page layout that centers content vertically and horizontally. It includes styles for headings, buttons, and images, with specific colors and sizes for each element. The design features a light background and contrasting button colors for 'yes' and 'no' options.

Uploaded by

ftjarvis8
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/ 1

body {

display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
background-color: #f9e3e3;
font-family: 'Arial', sans-serif;
flex-direction: column;
}

.container {
text-align: center;
}

h1 {
font-size: 2.5em;
color: #d32f2f;
}

.buttons {
margin-top: 20px;
}

.yes-button {
font-size: 1.5em;
padding: 10px 20px;
margin-right: 10px;
background-color: #4caf50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

.no-button {
font-size: 1.5em;
padding: 10px 20px;
background-color: #f44336;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}

.gif_container img {
max-width: 100%;
height: auto;
border-radius: 10px;
margin-top: 20px;
}

You might also like