body
{
    background-color:aquamarine;
}
#prog
{
    width:500px;
    height:500px;
    margin-left:auto;
    margin-right:auto;
    margin-top:200px;
    
}
/*input[type=range]
{
    width: 400px;
    height:40px;

    
}*/
.red {
    -webkit-appearance: none; /*a böngésző beépített css-nek tiltása*/
    width: 400px;
    height: 15px;
    border-radius: 5px;
    background: red;
    
}
    .red::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* appearance: none;*/
        width: 25px;
        height: 30px;
        border-radius: 25%;
        border:2px solid;
        border-color:#808080;
        background: #f90b62;
        cursor: pointer;
    }
.green {
    -webkit-appearance: none; /*a böngésző beépített css-nek tiltása*/
    width: 400px;
    height: 15px;
    border-radius: 5px;
    background: green;
}

    .green::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* appearance: none;*/
        width: 25px;
        height: 30px;
        border-radius: 25%;
        border: 2px solid;
        border-color: #808080;
        background: #23a10a;
        cursor: pointer;
    }
.blue {
    -webkit-appearance: none; /*a böngésző beépített css-nek tiltása*/
    width: 400px;
    height: 15px;
    border-radius: 5px;
    background: blue;
}

    .blue::-webkit-slider-thumb {
        -webkit-appearance: none;
        /* appearance: none;*/
        width: 25px;
        height: 30px;
        border-radius: 25%;
        border: 2px solid;
        border-color: #808080;
        background: #5451ef;
        cursor: pointer;
    }
input[type=text] {
    width: 300px;
    height: 60px;
    background-color: azure;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 50px;
    color: antiquewhite;
    border: 5px solid lightgreen;
    border-radius: 10px;
}