body { background-color: #FFFFFF; color: #333333; font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, “Microsoft YaHei”, sans-serif; font-weight: normal; } a:link, a:hover, a:visited, a:active { color: #0e5ca4; text-decoration: none; } .main { background-color: #184a8a; background-image: linear-gradient(to bottom, #20176a, #1d1264); color: #ffffff; } .main h1 { margin-bottom: 2rem; margin-top: 3rem; } .main p::first-child { margin-bottom: 5rem; } .main p { margin-bottom: 1rem; } .ver { background-color: #f5f5f5; font-size: 0.75rem; text-align: center; padding: 0.5rem; word-spacing: 0.5rem; color: #999999; } a.btn-buy { background-color: #ffffff; border-radius: 20px; color: #24126a; padding: 0.5rem 3rem; } a.btn-more { background-color: #24126a; border-radius: 20px; color: #ffffff; font-size: 1.125rem; padding: 0.5rem 3rem; } .benefits { margin-bottom: 3rem; text-align: center; } h1.title { color: #24126a; font-weight: normal; padding-bottom: 2rem; padding-top: 2rem; text-align: center; } .benefits .box { border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,.1); height: 240px; padding: 1rem; } .value { background-color: #f5f5f5; padding-bottom: 2rem; } .functions { text-align: center; margin-bottom: 3rem; } .functions .box { border-radius: 6px; box-shadow: 0 0 20px rgba(0,0,0,.1); height: 180px; padding: 1rem; } .customers { background-color: #f5f5f5; font-size: 0.875rem; padding-bottom: 4rem; line-height: 160%; } .customers h5 { color: #24126a; margin-bottom: 1rem; } .awards { font-size: 0.875rem; text-align: center; } .awards img { height: 200px; margin-bottom: 1rem; } .copy { background-color: #f5f5f5; color: #999999; font-size: 0.875rem; margin-top: 2rem; padding: 2rem; text-align: center; }