#serialsearchwrapper { text-align: center; }
#serialsearchdiv { border: 6px solid #d69d3e; margin: 0em; padding: 0em; background: #f8f8f8; border-radius: 1px; }
#serialsearchdiv h4 { font-family: 'Poppins'; font-weight: 700; font-size: 33px; text-transform: unset; margin-bottom: 0.25em; }
#serialsearch > span:first-of-type { font-size: 18px; color: #7a7a7a; margin-bottom: 1.75em; display: block; }
#serialsearch .sbox > span { background: #333333;	color: #ffffff; height: 61px; line-height: 61px; font-size: 16px; display: inline-block; padding: 0 3em; border-radius: 3px; user-select: none; }
#serialsearch .sbox > input { background: #fff; color: #555; height: 61px; line-height: 61px; font-size: 16px; padding: 0 3em; border: 0; border-radius: 3px; margin-left: 1em; box-shadow: 0px 0px 12px 0px #e5e5e5; transition: 600ms all; text-align: center; }
#serialsearch .sbox > input:focus { box-shadow: 0px 0px 12px 0px #d5d5d5; color: #333; transition: 200ms all; }
#serialsearch .sbox > button,
#serialsearch .sbox > input[type="reset"] { background: #d69d3e; color: #ffffff; height: 61px; line-height: 61px; font-size: 16px; display: inline-block; padding: 0 3em; border-radius: 3px; margin-left: 1em; transition: 600ms all; }
#serialsearch .sbox > input[type="reset"] { background: #dfdbd3; color: #7e735d; }
#serialsearch .sbox > button:hover,
#serialsearch .sbox > input:hover[type="reset"] { opacity: 0.8; transform: scale(0.99); transition: 200ms all; }
#rolexresult { margin-top: 2em; line-height: 61px; }
#rolexresult:is(:empty):after { content: "result will appear here"; opacity:0.3; }
#serialsearchwrapper .disclaimer { max-width: 80%; margin: auto; }
#serialsearchwrapper .bodies { display: flex; justify-content: center; gap: 150px; margin-top: 3em; }
#serialsearchwrapper .bodies a { transition: 600ms all; }
#serialsearchwrapper .bodies a:hover {	opacity: 0.8; transform: scale(0.99); transition: 200ms all; }


#serialsearch .sbox > input {
	width: auto;
}