body { background-color: #aac4ee; color: #0280e5; font-family: sans-serif; text-align: center; padding-bottom: 60px; /*Footer height*/ } .titleimg { width: 80%; padding-top: 50px; padding-bottom: 50px; max-width: 500px; transition: 0.2s; } .lookup-box { text-align: center; border: black; border-radius: 40px; padding: 10px; margin-bottom: 5px; font-size: 18px; text-transform: uppercase; transition: 0.2s; } .form-text-small { text-align: center; border: black; width: 80%; border-radius: 5px; padding: 10px; font-size: 18px; transition: 0.2s; } @media only screen and (min-width: 600px) { .form-text-small { width: 50%; } } .form-text-large { text-align: left; border: black; width: 80%; height: 90px; border-radius: 5px; padding: 5px; font-size: 16px; transition: 0.2s; } @media only screen and (min-width: 600px) { .form-text-large { width: 50%; } } .form-info { color: #0280e5; font-size: 17px; font-weight: bolder; margin-bottom: 4px; } .text-description { display: inline-block; width: 80%; color: #0280e5; padding-top: 5px; padding-bottom: 5px; margin-left: auto; margin-right: auto; transition: 0.2s; } @media only screen and (min-width: 600px) { .text-description{ width: 50%; } } .lookup-button { background-color: #3c78d8; color: #f6f5f4; border: none; border-radius: 18px; font-size: 16px; font-weight: bold; padding: 5px; padding-left: 15px; padding-right: 15px; margin-bottom: 10px; cursor: pointer; } .actionbutton { display: inline-block; text-decoration: none; cursor: pointer; background-color: #3c78d8; border: none; border-radius: 10px; color: #f6f5f4; padding: 7px; margin-bottom: 10px; font-size: 16px; } .inlinelink { text-decoration: underline; color: #3c78d8; cursor: pointer; } /* START MENU STYLE */ /* Dropdown Button */ .dropbtn { position: fixed; top: 0; right: 0; background-color: #7fa7e6; color: white; padding: 12px; font-size: 12px; border: none; border-bottom-left-radius: 10px; cursor: pointer; } /* Dropdown button on hover & focus */ .dropbtn:hover, .dropbtn:focus { background-color: #0280e5; } /* The container
- needed to position the dropdown content */ .dropdown { position: relative; display: inline-block; } /* Dropdown Content (Hidden by Default) */ .dropdown-content { display: none; position: absolute; background-color: #7fa7e6; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } /* Links inside the dropdown */ .dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; border-top: 1px solid black; } /*Final item of the dropdown has bottom border*/ .dropdown-last { border-bottom: 1px solid black; } /* Change color of dropdown links on hover */ .dropdown-content a:hover {background-color: #ddd;} /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */ .show {display:block;} /* END MENU STYLE */ /* Footer Styles */ footer { background-color: #7fa7e6; color: white; width: 100%; position: fixed; bottom: 0; left: 0; }