*{
    box-sizing: border-box;
}

body{
    text-align: center;
    background-color: bisque;
}

.container{
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;
}


.linear{
    height: 180px;
    width: 1000px;
    color: white;
    padding-top: 5px;
    padding-left: 10px;
    background: rgb(2,0,36);
    background: linear-gradient(90deg, rgb(9, 3, 132) 3%, rgb(110, 13, 213) 45%, rgb(200, 80, 255) 85%);
}

.radial{
    height: 180px;
    width: 1000px;
    color: white;
    padding-top: 5px;
    padding-left: 10px;
    background: rgb(2,0,36);
    background: radial-gradient(circle, rgb(27, 200, 0) 0%, rgb(7, 100, 0) 36%, rgba(15, 73, 0, 0.897) 100%);
}

.konus{
    height: 180px;
    width: 1000px;
    color: white;
    padding-top: 5px;
    padding-left: 10px;
    background-image: conic-gradient(red, yellow, green, blue, purple, red);
}