Então pessoal, estava no meio dos meus estudos de html, css e JS e decidi fazer um mini calculador de imc. Durante o desenvolvimento do mesmo, me vi confuso com algo, eu decidi desenvolver o conteúdo em um card e separar ele em dois extremos (direita e esquerda) e assim organizar tudo. Mas quando eu fui definir a largura e altura de um dos extremos, que no caso é uma <div>, ele simplesmente saia do card, mesmo estando interno a ele no html. Segue os arquivos html e css, se alguém conseguir me ajudar a entender o que está havendo, agradeço de coração.
style.cssindex.html