body { font-family: Roboto, Arial; color: rgb(33, 33, 33); /* The element has a default margin of 8px on all sides. This removes the default margins. */ margin: 0; } /*

elements have a default margin on the top and bottom. This removes the default margins. */ p { margin: 0; } button { cursor: pointer; } select { cursor: pointer; } input, select, button { font-family: Roboto, Arial; } .button-primary { color: rgb(33, 33, 33); background-color: rgb(6, 68, 202); border: 1px solid rgb(0, 252, 252); border-radius: 8px; cursor: pointer; box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5); padding: 10px 15px; /* Adjusted for mobile */ } .button-primary:hover { background-color: rgb(85, 84, 77); border: 1px solid rgb(66, 54, 7); } .button-primary:active { background: rgb(80, 135, 160); border-color: rgb(224, 233, 232); box-shadow: none; } .button-secondary { color: rgb(33, 33, 33); background: white; border: 1px solid rgb(213, 217, 217); border-radius: 8px; cursor: pointer; box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5); } .button-secondary:hover { background-color: rgb(247, 250, 250); } .button-secondary:active { background-color: rgb(237, 253, 255); box-shadow: none; } /* These styles will limit text to 2 lines. Anything beyond 2 lines will be replaced with "..." You can find this code by using an A.I. tool or by searching in Google. https://css-tricks.com/almanac/properties/l/line-clamp/ */ .limit-text-to-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .link-primary { color: rgb(1, 124, 182); cursor: pointer; } .link-primary:hover { color: rgb(196, 80, 0); } /* Styles for dropdown selectors. */ select { color: rgb(33, 33, 33); background-color: rgb(240, 240, 240); border: 1px solid rgb(213, 217, 217); border-radius: 8px; padding: 3px 5px; font-size: 15px; cursor: pointer; box-shadow: 0 2px 5px rgba(213, 217, 217, 0.5); } select:focus, input:focus { outline: 2px solid rgb(255, 153, 0); } .dropdown{ display: inline-block; margin-right: 0; position: relative; } .menubutton{ background-color: rgb(32, 32, 30); color: white; padding: 10px 15px; border: none; cursor: pointer; border-radius: 45%; position: fixed; } .dropdown a{ display: block; color: black; text-decoration: none; padding: 10px 15px; } .dropdown-content{ display: none; position: absolute; background-color: rgb(233, 228, 228); min-width: 200px; box-shadow: 2px 2px 5px rgba(213, 217, 217, 0.5); } .dropdown:hover .dropdown-content { display: block; } .dropdown:hover button { background-color: rgb(119, 105, 101); } .dropdown a:hover{ background-color: rgb(228, 60, 60); } .footer { position: fixed; right: 0; /* Adjusted for mobile */ left: 0; bottom: 0; width: 100%; background: #222; color: #fff; text-align: center; padding: 8px 0; /* Adjusted for mobile */ z-index: 100; } @media screen and (max-width: 600px) { .footer { position: fixed; right: 0; left: 0; } }