Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #cabeza {
- text-align: center;
- padding: 50px 20px;
- background-image: url("https://cdn.pixabay.com/photo/2016/12/02/14/21/background-1877877_640.jpg");
- background-size: cover;
- background-position: center;
- color: #ffffff;
- border-radius: 8px;
- }
- #cabeza h1 {
- font-size: 2.5em;
- font-weight: bold;
- text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
- }
- #navbar {
- overflow: visible;
- background-color: #333;
- }
- #navbar ul {
- display: flex;
- justify-content: center;
- position: sticky;
- list-style: none;
- background-color: #2c3e50;
- padding: 10px 0;
- margin-bottom: 20px;
- }
- #navbar ul li {
- margin: 0 15px;
- }
- #navbar ul li a {
- color: #fff;
- text-decoration: none;
- font-weight: bold;
- }
- .sticky {
- position: fixed;
- top: 0;
- width: 100%
- }
- h2 {
- font-size: 2em;
- text-align: center;
- color: #2c3e50;
- margin-bottom: 20px;
- }
- form {
- max-width: 800px;
- margin: 0 auto;
- padding: 20px;
- background-color: #9bd3ff;
- border-radius: 8px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- }
- form div {
- margin-bottom: 20px;
- }
- form label {
- font-size: 1.1em;
- color: #333;
- display: block;
- margin-bottom: 8px;
- }
- #errors{
- background-color: #ffffff;
- max-width: 280px;
- padding: 10px ;
- color: darkred;
- margin-top: -100px ;
- }
- form textarea {
- height: 150px;
- resize: vertical;
- }
- form .button {
- text-align: center;
- }
- form button {
- padding: 10px 20px;
- background-color: white;
- color: black;
- border: none;
- border-radius: 8px;
- font-size: 1.1em;
- cursor: pointer;
- }
- article {
- background-color: #faffc9;
- padding: 20px;
- margin-top: 40px;
- border-radius: 8px;
- box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
- }
- article h2 {
- font-size: 1.5em;
- margin-bottom: 10px;
- }
- footer {
- text-align: center;
- background-color: #d7ffc0;
- color: #000000;
- padding: 15px 0;
- margin-top: 20px;
- }
- footer h2 {
- font-size: 1.5em;
- }
- footer ul {
- list-style: none;
- display: flex;
- justify-content: center;
- padding: 0;
- margin-top: 10px;
- }
- footer ul li {
- margin: 0 15px;
- }
- footer ul li a {
- color: #000000;
- text-decoration: none;
- }
- footer ul li a:hover {
- color: #3498db;
- }
Advertisement
Add Comment
Please, Sign In to add comment