body { background-color: #F8F8FF; }

header { background-color: #fff; box-shadow: 0px 1px 3px rgba(200, 200, 200, 0.25); }
header .company-logo { max-height: 70px; }
header .company-name { font-size: 25px; font-weight: 600; margin: 0; color: #3a3a3a; }
header .powered-by-logo { max-height: 50px; }

main { min-height: 90vh; }


footer { background-color: #212529; margin-top: 20px; padding: 20px 0; color: #fff; text-align: center; font-size: 14px; }

footer a { color: #9a9cff; text-decoration: none; font-size: 17px; }
footer a:hover { color: #9a9cff; text-decoration: underline; }

footer .powered-by-container { margin-top: 15px; background-color: rgba(0, 0, 0, 0.2); color: #fff; text-align: center; padding: 10px 0; }

footer .powered-by-container .branding { display: flex; align-items: center; gap: 5px; }
footer .powered-by-container .branding img { max-height: 30px; }
footer .powered-by-container .secureed-by-logo img { max-height: 40px; }

footer a { color: #9a9cff; text-decoration: none; font-size: 17px; }
footer a:hover { color: #9a9cff; text-decoration: underline; }


/*responsive brak point*/
@media (max-width: 768px) {
    footer .powered-by-container .branding { display: inline-block }
}