<h1>CSS Gradients for fun and profit</h1>
body {
    background-image: linear-gradient(#F46035, #7E311C);
}
body {
    background-image: linear-gradient(45deg, #F46035, #7E311C);
}
body {
    background-image: linear-gradient(to bottom, #F46035, #7E311C 50%, #F46035 70%);
}
body {
    background-image: radial-gradient(#F46035, #7E311C);
}
body {
    background-image: radial-gradient(circle at 10% 0, #F46035, #7E311C 50%);
}
body {
    background-image: repeating-linear-gradient(to top right, #F46035, #F46035 20px, #7E311C 20px, #7E311C 40px);
}
body {
    // background-image: repeating-radial-gradient(circle at 50% 35%, #F46035, #F46035 20px, #7E311C 20px, #7E311C 40px);
}

body {
    height: 100vh;
    padding: 20px;
    color: #fff;
    display: flex;
}
h1 {
    margin: auto;
    font-size: 10vw;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.