Untitled
unknown
plain_text
a year ago
1.9 kB
7
Indexable
.Full{ background-image: linear-gradient(#283149,#f4d35e); margin: 0; font-family: Arial, Helvetica, sans-serif; min-height: 100vh; } .search-container { max-width: 800px; margin: 0 auto; padding: 20px; background-color: #283149; /* Deep navy background color */ border-radius: 15px; /* Rounded corners */ color: #dbe2ef; /* Light gray text color */ min-height: 400px; } .search-bar-container { text-align: center; } input[type="text"] { padding: 15px; margin-bottom: 15px; width: 70%; border: none; border-radius: 10px; background-color: #404b69; /* Dark slate background color */ color: #dbe2ef; /* Light gray text color */ } .button-container { text-align: center; } .button-container button { padding: 15px 30px; background-color: #fc7753; /* Coral background color */ color: white; border: none; cursor: pointer; border-radius: 15px; font-size: 1em; transition: background-color 0.3s ease; } .button-container button:hover { background-color: #ff614e; /* Slightly darker shade on hover */ } .blog-titles-container { text-align: center; margin-top: 20px; } .blog-titles h2 { margin-bottom: 15px; font-size: 1.5em; color: #61dafb; /* Sky blue text color */ } .blog-titles { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; } .blog-title { cursor: pointer; padding: 20px; background-color: #61dafb; /* Sky blue background color */ color: #283149; /* Deep navy text color */ border: 1px solid #61dafb; /* Border same as background color for a sleek look */ border-radius: 15px; font-size: 1.2em; transition: background-color 0.3s ease, color 0.3s ease; } .blog-title:hover { background-color: #4fa3cc; /* Slightly darker shade on hover */ color: #fff; /* White text on hover */ }
Editor is loading...
Leave a Comment