.topPart{ display: flex; align-items: center; justify-content: flex-end; flex-direction: column; background-color: #2a9d8f; height: fit-content; text-shadow: 2px 2px #835d91; padding-bottom: 15px; padding-top: 30px; box-shadow: 0px 20px 15px 10px #2a9d8f; } .layoutDeco{ background-color: #F4A261; padding: 20px; margin-right: 35%; margin-left: 35%; border-top: 6px solid #E76F51; border-bottom: 6px solid #E76F51; margin-top: 3em; width: fit-content; border-radius: 20px; } #subTitle{ padding-left: 15%; padding-right: 15%; } .form{ margin-top: 50px; background-color: #F4A261; display: flex; justify-content: space-around; flex-flow: column; padding-top: 20px; padding-bottom: 40px; align-items: center; padding-left: 5%; padding-right: 5%; margin-right: 30%; margin-left: 30%; border-top: 6px solid #E76F51; border-bottom: 6px solid #E76F51; margin-top: 3em; border-radius: 10px; } .form > div{ } .form > *, .infos{ font-family: Quicksand; color: #FFFFFF; text-align: center; text-decoration: none; transition-duration: 0.5s; transition-property: font-size, color; } #box, #reset, #submit{ background-color: #ddbea9; border: none; border-radius: 5px; max-width: 500px; color: #FFFFFF; text-align: center; margin-top: 15px; padding: 10px; width: 80%; } #reasons{ background-color: #cb997e; border: none; border-radius: 5px; max-width: 500px; margin-top: 15px; padding: 8px; } #radio{ margin-top: 15px; } #reset, #submit{ max-width: 200px; } select{ width: 100%; } .infos{ background-color: #F4A261; padding: 20px; border-top: 6px solid #E76F51; border-bottom: 6px solid #E76F51; align-content: center; text-align: center; border-radius: 20px; font-size: x-large; } @media screen and (max-width: 800px){ label, textarea{ font-size: 80%; } }