*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Roboto,Arial,Helvetica,sans-serif;background-color:#ededed;color:#2d2f31}.main-container{max-width:1300px;margin:0 auto;padding:230px 24px 150px}.top-header{position:fixed;z-index:1;width:100%}.main-navbar{width:100%;padding:16px 6px;background-color:#fff;border-bottom:1px solid #969696}.main-navbar ul{display:flex;justify-content:center;list-style-type:none}.main-navbar a{font-size:18px;text-underline-offset:4px;margin:0 10px;color:#111;font-weight:500}.main-navbar a:hover{text-decoration:underline}.promotion{padding:18px 6px;background-color:#8ce5fb;text-align:center}.promotion p{font-size:20px;color:#222}.promotion p span{font-weight:700}.promotion p:first-child{margin-bottom:8px}