body {
    margin:0;
    user-select: none;
}
h2{
    text-align: center;
    color:white;
    font-size: 25px;
}
w{
    color:white;
}

.btns{
    position:relative;
    margin:8px;
    background:black;
    color:white;
    z-index: 2;
}
.rngs{
    position:relative;
    appearance: none;
    -webkit-appearance: none;
    height:8px;
    width:80px;
    border:white solid 1px;
    border-radius: 5%/50%;
    background: black;
}
.rngs::-webkit-slider-thumb{
    appearance: none;
    -webkit-appearance: none;
    width:10px;
    height:10px;
    border-radius: 50%;
    border:black solid 1px;
    background: white;
}
.changableNumberValue{
    position:relative;
    width:48px;
    color:white;
    text-align: center;
    padding-top: 8px;
    height:48px;
    margin-left:5px;
    background :black;
}
.boxs{
    position:relative;
    appearance: none;
    -webkit-appearance: none;
    width:18px;
    height:18px;
    border:white solid 1px;
    border-radius: 15%;
    background:black;
    top:8px;
    transition:200ms;
}
.boxs:checked{
    background :white;
}

#can{
    position:absolute;
    z-index: 1;
}
#runBtn{
    transform:rotate(90deg);
    
}
#settBtn{
    right:5px;
    position:absolute;
}
#settings{
    position:absolute;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    width:95%;
    height:95%;
    border:white solid 1px;
    z-index: 5;
    background: #0009;
    overflow-y: scroll;
}
#controlBtn{
    position:absolute;
    right:0px;
    bottom:0px;
    width:50px;
    margin:0px;
    transition:200ms;
}
#controlsSec{
    position:absolute;
    transform:translate(-50%,0%);
    left:50%;
    bottom:1px;
    height:0px;
    width:90%;
    border:transparent solid 1px;
    background: #0009;
    z-index: 2;
    transition:200ms;
    overflow: hidden;
    flex: flex-wrap;
    display:flex;
}
#randomShapes{
    position:relative;
    height:48px;
    left:1px;
    top:1px;
    border:white solid 1px;
    color:black;
    text-align: center;
    font-size: 15px;
    background: white;
    transition:200ms;
}
#objectClr{
    padding-top: 0px;
    width:172px;
}
#objectSize{
    font-size: 25px;
    height:20px;
    top:8px;
}