body {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
    background-color: rgb(199, 110, 0);
}

section {
    background-color: cadetblue;
    border-radius: 100%;
    height: 40vw;
    width: 40vw;
    display: flex;
    align-items: center;
    justify-content: center;
    
    div {
        background-color: darkslategrey;
        width: 30vw;
        height: 30vw;
        border-radius: 100%;
        transition-duration: 2s;

        display: flex;
        align-items: center;
        justify-content: center;
        p {
	    font-size: 5vw;
            width: 30vw;
	    color:forestgreen ; 
            text-align: center;
            font-family: "Bebas Neue";
        }
    }

    div:hover {
        width: 0;
        height: 0;
	font-size: 0;
    }

}