#header{
    font-size: x-large;
}

.ring{
    border-radius: 50%;
    box-sizing: border-box;
    display: inline-block;
    position: relative;
}
#purplering{
    background-color: palevioletred;
    height: 250px;
    width: 250px;
    margin-bottom:40px;
    margin-top: 30px;
}
#redring{
    background-color: orangered;
    top:12.25%;
    left:12.25%;
    height: 75%;
    width:75%;
}
#whitering{
    background-color: white;
    top:25%;
    left:25%;
    height: 50%;
    width:50%;
}
#bluering{
    background-color: silver;
    top:35%;
    left:35%;
    height: 30%;
    width:30%;
}
.row{
    width:300px;

}
.box{
    background-color: cadetblue;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin: 0px;
    float: inside;
}
#b1{
    margin-left:125px;
}
#b2{
    margin-left: 90px;
    margin-right: 10px;
}
#b4{
    margin-left: 60px;
    margin-right: 70px;
}
#b6{
    margin-left: 45px;
}
#b10{
    margin-left: 15px;
    margin-right: 165px;
}
#b12{
    margin-right: 196px;
}