Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Styles CSS - Homework 3 */
- h1 {
- font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- line-height: 0.3em;
- font-size: 1.5em;
- color:#fff;
- }
- p {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- font-size: 1em;
- line-height: 1.3em;
- color:#fff;
- }
- img {
- height: 100px;
- }
- button {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- background-color: transparent;
- color: #fff;
- border-style: solid;
- border-color: #fff;
- border-radius: 10px;
- padding: 6px 24px 6px 24px;
- margin-bottom: 10px;
- }
- button:hover {
- font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
- background-color: #fff;
- color: #000;
- border-style: solid;
- border-color: #fff;
- border-radius: 10px;
- padding: 6px 24px 6px 24px;
- margin-bottom: 10px;
- cursor: pointer;
- }
- #wrapper {
- background: linear-gradient(90deg, #c2c2c2, #777777, #777777, #c2c2c2) no-repeat center center fixed;
- -webkit-background-size: cover;
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- padding: 10px;
- }
- #banner {
- display:flex;
- justify-content: center;
- align-items: center;
- cursor: pointer;
- margin: 10px;
- padding: 10px;
- border-radius: 20px;
- height: 120px;
- background: linear-gradient(-45deg, #e79e00, #ff0000, #ffe96c, #ff0000);
- animation: gradient 15s ease infinite;
- background-size: 200% 200%;
- }
- @keyframes gradient {
- 0% {
- background-position: 0% 50%;
- }
- 50% {
- background-position: 100% 50%;
- }
- 100% {
- background-position: 0% 50%;
- }
- }
- #logo {
- padding-right: 10px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement