lesson-6-stylesheet

/* 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;
}