:root{
	--x : 6vw;
	--d : calc(var(--x)/2);
	--e : calc(var(--x)/4);
}

.containform {
    height: var(--x);
    width: var(--x);
    display: table-cell;
    vertical-align: middle;
}

.anneau {
    background-color: #FFD100;
    border-radius: var(--x);
    height: var(--x);
    width: var(--x);
    display: table-cell;
    vertical-align: middle;
}

.anneau2 {
    background-color: white;
    border-radius: var(--x);
    height: var(--x);
    width: var(--x);
    display: table-cell;
    vertical-align: middle;
}

.rondinterieur {
    background-color: white;
    height: var(--d);
    width: var(--d);
    display: table;
    margin: 0 auto;
    border-radius: var(--d);
}
.rond {
    display: table;
    margin: 0 auto;
    background-color: #FFD100;
    height: var(--d);
    width: var(--d);
    border-radius: var(--d);
}

.containform2{
	height: var(--x);
    width: var(--x);
    display: table-cell;
    vertical-align: middle;
    background-color: #FFD100;
}

.rond2 {
	display: table;
    margin: 0 auto;
    background-color: white;
    height: var(--d);
    width: var(--d);
    border-radius: var(--d);
}