*{
    box-sizing: border-box;
}

body{
    background-image: url(./programming-1873854_1280.png);
    background-size: cover;
    color: white;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;

}
.linearni{
    background: rgb(2,0,36);
background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,121,62,1) 25%, rgba(0,212,255,1) 100%);
height: 200px;
padding-top: 20px;
}

.radijalni{
    background: rgb(2,0,36);
    background: radial-gradient(circle, rgba(2,0,36,1) 0%, rgba(121,9,9,1) 47%, rgba(0,212,255,1) 100%);
height: 200px;
padding-top: 20px;
}

.konusni{
    background-image: conic-gradient(at 60% 45%, red, yellow, green);
    height: 200px;
    padding-top: 20px;

}