html, body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #9d9d9d;
}

@keyframes colors {
    0% {
        color: red;
    }
    25% {
        color: yellow;
    }
    50% {
        color: green;
    }
    75% {
        color: blue;
    }
}

h1 {
    color: red;
    text-align: center;
    margin: 0;

    animation: colors 1s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes move {
    from {
        left: -10vw;
        top: -100px
    }
    to {
        left: 100vw;
        top: 1000px;
    }
}

img[src="trapez.png"] {
    animation: rotate 2s linear infinite, move 2s linear infinite alternate;
    position: absolute;
}

@keyframes jump {
    0% {
        bottom: 0px;
    }
    98% {
        bottom: 0px;
    }
    99% {
        bottom: 50px;
    }
    100% {
        bottom: 100px;
    }
}

.linux-div {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;

    img[src="Tux.svg"] {
        width: 300px;
        position: relative;
        animation: jump 2s linear infinite;
    }

    p {
        text-align: center;
    }
}