@import "nav.css"; div.searchContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; } main form { width: 100%; flex-direction: row; align-items: center; } main#search form input:not([type="submit"]) { border-top-right-radius: 0; border-bottom-right-radius: 0; width: auto; } main#search form button { border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; width: 20%; height: 3em; background-color: var(--primary); border: none; outline: none; color: #FFFFFF; cursor: pointer; } div.searchBtnContainer { display: flex; flex-direction: row; justify-content: center; align-items: center; } div.searchBtnContainer:hover input { border: 4px solid var(--hover); } main#search div.searchBtnContainer:hover button { background-color: var(--hover); } .content { margin-top: 3em; }