body { background-color: white; font-family: Verdana, Tahoma, sans-serif; font-size: 16px; } h1 { font-size: 1.8rem; color:#404040; } h2 { font-size: 1.5rem; color:#404040; } h3 { font-size: 1.2rem; color:#404040; } .button1 {padding: 20px 16px;} .lefty { grid-area: leftstuff; width: 48% } .righty { grid-area: rightstuff; width: 48% } .wrapper { display: grid; display: flex; flex-wrap: wrap; grid-gap: 10px; grid-template-columns: auto; grid-template-areas: "leftstuff leftstuff rightstuff rightstuff"; } @media (max-width: 768px) { grid-template-rows: repeat(auto, 1fr); grid-template-areas: "leftstuff" "rightstuff"; } @media (max-width: 625px) { .lefty { width: 100%; } .righty { width: 100%; } } .navbar { overflow: hidden; background-color: #c0c0c0; } .navbar a { float: left; font-size: clamp(14px, 2vw, 20px); color: white; text-align: center; padding: 4px 4px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: clamp(14px, 2vw, 20px); border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; font-family: inherit; margin: 0; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: mediumaquamarine; } .dropdown-content { display: none; position: absolute; background-color: #f9f9f9; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; } .dropdown-content a:hover { background-color: aquamarine; } .dropdown:hover .dropdown-content { display: block; } #hp { float: left; margin: 0 0 0 15px; } #hq { float: right; margin: 0 0 0 15px; }



LinkedIn Discussion

Twitter Discussion

AIU Home