/* Add a black background color to the top navigation */ .topnav { background: linear-gradient(to bottom, lightgrey, white); overflow: hidden; border: 1px solid lightgrey; } .topnav ul { display: flex; flex-direction: row; align-items: flex-end; justify-content: flex-start; } .topnav li { margin: 5px; } .pic{ display: block; height: 75px; } .pic:hover { transform: translateY(-80px); } .icon { padding: 16px; font-family: 'Roboto', sans-serif; font-size: 14px; border-left: 1px solid lightgrey; } .lastBorder { border-right: 1px solid lightgrey; } .page { margin: 0 125px; } /* Style the links inside the navigation bar */ .topnav a { /*text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px;*/ } /*!* Change the color of links on hover *! .topnav a:hover { background-color: #ddd; color: black; } !* Add a color to the active/current link *! .topnav a.active { background-color: #4CAF50; color: white; }*/ h1 { font-weight: bold; font-family: 'Roboto', sans-serif; font-size: 26px; margin: 10px; } .text { font-family: 'Roboto', sans-serif; font-size: 14px; line-height: 145%; font-style: normal; border: 3px solid grey; border-top-color: lightgreen; border-radius: 3px; column-count: 3; padding: 10px; } .text a { color: lightgreen; } table#t01 { width: 100%; background-color: white; text-align: left; margin: 2em; vertical-align: middle; } table#t01 tr:nth-child(even) { background-color: white; height: 2em; vertical-align: middle; } table#t01 tr:nth-child(odd) { background-color: lightgrey; height: 2em; } table#t01 th { padding: 15px; background-color: white; } .boxed { border: 1px solid green; width: 80%; box-align: center; text-align: center; } th { text-align: left; border-bottom: 3px solid lightgrey; } .did { border: 1px solid; float: left; padding: 2em; min-height: 150px; min-width: 250px; } .Div { display: none; }