#headline {text-align: center; font-size: 30px, 9em; margin:10px auto;}
#headline:hover{font-weight: bold;}

.reasonwhy{height: 0; overflow: hidden;}
.reasonwhy::before{content: "Why?";}

#thing1:hover>.reasonwhy{height: auto;}
#thing2:hover>.reasonwhy{height: auto;}
#thing3:hover>.reasonwhy{height: auto;}
#thing1{background-color: pink; }
.thething{ text-decoration: solid; font-size: 24px;}
.reasonwhy{ font-size: 15px; padding: 0px 5px 0px;}
#thing2{background-color: rgb(248, 141, 159);}
.thething{ text-decoration: solid; font-size: 24px;}
#thing3{background-color: rgb(255, 96, 123); }
.thething:hover{font-weight: bold;}



#thing1,#thing2, #thing3{
    width: 60%;
    margin: 10px auto;
    border: 3px solid;
    padding: 10px 20px;

}
#goto{ background-color: pink; border: 2px solid; }
#goto2{ background-color: pink; border: 2px solid;}

#goto:hover{color: black; background-color: rgb(248, 105, 126); border: 2px solid;}
#goto2:hover{ color:black; background-color: rgb(249, 109, 130); border: 2px solid;}