.thething {font-weight: bold;}
#thing1 {background-color: lightpink;}
#headline {font-size: 30px; text-align: center; width: 9em; margin: 10px auto;}
.reasonwhy {font-size: 15px;
padding: 0px 5px 0px 15px;
height: 0px; overflow: hidden;
}

#thing2 {background-color: indianred;}
#thing3 {background-color: darksalmon;}
#goto {background-color: palevioletred ;
margin:5px;
border: 1px solid black ;
padding:5px 15px;
}

#thing1, #thing2, #thing3 {
    width: 60%;
    margin: 10px auto;
    border: 3px groove plum;
    padding: 10px 20px 10px 20px;
    height: max-content;
}
body{
    height: 100vh;
    margin: 0px;
}

#headline:hover {font-weight: bold;}
#goto:hover{color: yellow; background-color: plum;}
#thing1:hover>.reasonwhy{height: auto;}
#thing2:hover>.reasonwhy{height: auto;}
#thing3:hover>.reasonwhy{height: auto;}
.reasonwhy::before{content: "Why? ";}