*,*::before,*::after{box-sizing: border-box;}

body{
    margin:0;
    padding:0;
    width: 100vw;
    height: 100vh;
}

#cible{
    position:absolute;
    border-radius:50%;
    height: 130px;
    width: 130px;
    border:black 1px solid;
    display:none;
}

#cible div{
    position:absolute;
    border-radius:50%;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
}

#cible div:nth-child(odd){
    background:red;
}

#cible div:nth-child(even){
    background:white;
}

#pts1{
    height: 130px;
    width: 130px;
    z-index: 1;
}

#pts2{
    height: 105px;
    width: 105px;
    z-index: 2;
}

#pts5{
    height: 80px;
    width: 80px;
    z-index: 3;
}

#pts10{
    height: 55px;
    width: 55px;
    z-index: 4;
}

#pts20{
    height: 30px;
    width: 30px;
    z-index: 5;
}

#score{
    position:relative;
    font-size:3em;
    top:0;
    left:0;
    width: 250px;
    border:4px black solid;
    display : none;
}