index.css body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-color: gray; color: ghostwhite; letter-spacing: 1px; } code { font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace; } html, body { height: 100%; } body { display: flex; flex-direction: column; } .content { min-height: calc(100vh - 70px); } /* homepage */ .homepage { padding: 200px 0; } /* body */ .content { flex: 1 0 auto; } .search-div { padding: 2px; } /* input[type=text] { width: 220px; border: 2px solid rgb(184, 180, 180); border-radius: 4px; font-size: 14px; background-color: white; background-image: url('./img/searchicon.png'); background-size: 18px; background-position: 10px 8px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; transition: width 0.4s ease-in-out; height: 35px; } input[type=text]:focus { width: 100%; } */ .searchbar:focus { outline: none; } .body-content-div { padding: 120px; padding-top: 20px; } .index-table { border: 1px solid rgb(110, 106, 106); padding: 0 10px 15px 10px; border-radius: 2px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding-top: 10px; } .show-div { padding: 80px 100px; } .show-table { border: 1px solid rgb(110, 106, 106); padding: 0 10px 15px 10px; border-radius: 2px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .table-header { background-color: #00557ddc; } /* User Account */ .account { padding: 40px 0; border-top: 1px solid rgba(68, 64, 64, 0.363); border-bottom: 1px solid rgba(68, 64, 64, 0.363); } /* .user-name { padding-top: 3.5px; } */ /* .chakra-stack__divider.css-vhtjkn { height: -140px; } */ /* footer */ .footer { padding: 5px 0; border-bottom: 2.5px solid rgba(80, 76, 69, 0.603); background-color: rgba(216, 130, 32, 0.404); flex-shrink: 0; font-size: 12px; }