p {
    font-size: 20px;
}

.start {
    width: 311px;
    height: 150px;
    background-color: blanchedalmond;
    font-size: 30px;
    position: absolute;
    z-index: 5;
}

.start:hover /*при наведении*/ { 
  opacity: 0.5;
}

section {
    width: 330px;
    height: 330px;
}

.circle1 {
    width: 200px;
    height: 200px;
    background-color: rgb(212, 72, 72);
    border-radius: 50%;
    display: flex;
    justify-content: center; /*выравнивание по горизонтали*/
    align-items: center; /*выравнивание по вертикали*/
    color: white;
    font-size: 60px;
    visibility: visible;
    position: absolute;
}

.circle2 {
    width: 300px;
    height: 300px;
    background-color: rgb(212, 175, 72);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 0, 0);
    font-size: 60px;
    position: absolute;
}

.circle3 {
    width: 150px;
    height: 150px;
    background-color: rgb(72, 212, 149);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 0, 0);
    font-size: 60px;
    position: absolute;
}

.circle4 {
    width: 270px;
    height: 270px;
    background-color: rgb(104, 57, 199);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 60px;
    position: absolute;
}

.declaration-block {
    visibility: hidden;
    height: 200px;
}

.table-figure {
    position: absolute;
    visibility: hidden;
}

.table-image {
    position: absolute;
    visibility: hidden;
}

.table-button {
    position: absolute;
    visibility: hidden;
}

.table-text {
    position: absolute;
    visibility: hidden;
}

.select-block {
    visibility: hidden;
    height: 150px;
}

table {
    width: 600px;
}

td, input {
    width: 300px;
}

select {
    width: 308px;
}

.change {
    visibility: hidden;
    width: 311px;
    height: 100px;
    background-color: blanchedalmond;
    font-size: 30px;
}

.change:hover /*при наведении*/ { 
  opacity: 0.5;
}

.circle {
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 60px;
    position: absolute;
}

.square {

}

.triangle {

}