.ba {
    background-image: url("ba.svg");
    height: 18px;
    width: 18px;
    background-position:left center;
    margin: 0 auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
}
.zhx{ text-decoration:line-through}

        .container {
            width: 100%
        }

        .bg-white {
            --bg-opacity: 1;
            background-color: #fff;
            background-color: rgba(255, 255, 255, var(--bg-opacity))
        }

        .bg-center {
            background-position: 50%
        }

        .bg-no-repeat {
            background-repeat: no-repeat
        }

        .border-gray-300 {
            --border-opacity: 1;
            border-color: #ebebeb;
            border-color: rgba(235, 235, 235, var(--border-opacity))
        }

        .rounded {
            border-radius: .25rem
        }

        .border-solid {
            border-style: solid
        }

        .border-0 {
            border-width: 0
        }

        .border {
            border-width: 1px
        }

        .border-t {
            border-top-width: 1px
        }

        .cursor-pointer {
            cursor: pointer
        }

        .block {
            display: block
        }

        .inline-block {
            display: inline-block
        }

        .table {
            display: table
        }

        .hidden {
            display: none
        }

        .float-left {
            float: left
        }

        .clearfix:after {
            content: "";
            display: table;
            clear: both
        }

        .font-mono {
            font-family: monaco, courier, monospace
        }

        .font-light {
            font-weight: 300
        }

        .font-normal {
            font-weight: 400
        }

        .font-semibold {
            font-weight: 600
        }

        .h-12 {
            height: 3rem
        }

        .h-20 {
            height: 5rem
        }

        .text-13 {
            font-size: 13px
        }

        .text-15 {
            font-size: 15px
        }

        .text-60 {
            font-size: 60px
        }

        .text-2xl {
            font-size: 1.5rem
        }

        .text-3xl {
            font-size: 1.875rem
        }

        .leading-tight {
            line-height: 1.25
        }

        .leading-normal {
            line-height: 1.5
        }

        .leading-relaxed {
            line-height: 1.625
        }

        .leading-1\.3 {
            line-height: 1.3
        }

        .my-8 {
            margin-top: 2rem;
            margin-bottom: 2rem
        }

        .mx-auto {
            margin-left: auto;
            margin-right: auto
        }

        .mr-2 {
            margin-right: .5rem
        }

        .mb-2 {
            margin-bottom: .5rem
        }

        .mt-3 {
            margin-top: .75rem
        }

        .mb-4 {
            margin-bottom: 1rem
        }

        .ml-4 {
            margin-left: 1rem
        }

        .mt-6 {
            margin-top: 1.5rem
        }

        .mb-6 {
            margin-bottom: 1.5rem
        }

        .mb-8 {
            margin-bottom: 2rem
        }

        .mb-10 {
            margin-bottom: 2.5rem
        }

        .ml-10 {
            margin-left: 2.5rem
        }

        .mb-15 {
            margin-bottom: 3.75rem
        }

        .-ml-6 {
            margin-left: -1.5rem
        }

        .overflow-hidden {
            overflow: hidden
        }

        .p-0 {
            padding: 0
        }

        .py-2 {
            padding-top: .5rem;
            padding-bottom: .5rem
        }

        .px-4 {
            padding-left: 1rem;
            padding-right: 1rem
        }

        .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem
        }

        .py-10 {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem
        }

        .py-15 {
            padding-top: 3.75rem;
            padding-bottom: 3.75rem
        }

        .pr-6 {
            padding-right: 1.5rem
        }

        .pt-10 {
            padding-top: 2.5rem
        }

        .absolute {
            position: absolute
        }

        .relative {
            position: relative
        }

        .left-1\/2 {
            left: 50%
        }

        .-bottom-4 {
            bottom: -1rem
        }

        .resize {
            resize: both
        }

        .text-center {
            text-align: center
        }

        .text-black-dark {
            --text-opacity: 1;
            color: #404040;
            color: rgba(64, 64, 64, var(--text-opacity))
        }

        .text-gray-600 {
            --text-opacity: 1;
            color: #999;
            color: rgba(153, 153, 153, var(--text-opacity))
        }

        .text-red-error {
            --text-opacity: 1;
            color: #bd2426;
            color: rgba(189, 36, 38, var(--text-opacity))
        }

        .text-green-success {
            --text-opacity: 1;
            color: #9bca3e;
            color: rgba(155, 202, 62, var(--text-opacity))
        }

        .antialiased {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

        .truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .w-12 {
            width: 3rem
        }

        .w-240 {
            width: 60rem
        }

        .w-1\/2 {
            width: 50%
        }

        .w-1\/3 {
            width: 33.333333%
        }

        .w-full {
            width: 100%
        }
        .lh-30{
            line-height: 30px;
        }

        .transition {
            -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform;
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, -webkit-transform;
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-transform
        }

        body,
        html {
            --text-opacity: 1;
            color: #404040;
            color: rgba(64, 64, 64, var(--text-opacity));
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
            font-size: 16px
        }

        *,
        body,
        html {
            margin: 0;
            padding: 0
        }

        * {
            box-sizing: border-box
        }

        a {
            --text-opacity: 1;
            color: #2f7bbf;
            color: rgba(47, 123, 191, var(--text-opacity));
            text-decoration: none;
            -webkit-transition-property: all;
            transition-property: all;
            -webkit-transition-duration: .15s;
            transition-duration: .15s;
            -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
            transition-timing-function: cubic-bezier(0, 0, .2, 1)
        }

        a:hover {
            --text-opacity: 1;
            color: #f68b1f;
            color: rgba(246, 139, 31, var(--text-opacity))
        }

        img {
            display: block;
            width: 100%;
            height: auto
        }

        #what-happened-section p {
            font-size: 15px;
            line-height: 1.5
        }

        strong {
            font-weight: 600
        }

        .bg-gradient-gray {
            background-image: -webkit-linear-gradient(top, #dedede, #ebebeb 3%, #ebebeb 97%, #dedede)
        }

        .cf-error-source:after {
            position: absolute;
            --bg-opacity: 1;
            background-color: #fff;
            background-color: rgba(255, 255, 255, var(--bg-opacity));
            width: 2.5rem;
            height: 2.5rem;
            --transform-translate-x: 0;
            --transform-translate-y: 0;
            --transform-rotate: 0;
            --transform-skew-x: 0;
            --transform-skew-y: 0;
            --transform-scale-x: 1;
            --transform-scale-y: 1;
            -webkit-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            -ms-transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
            --transform-rotate: 45deg;
            content: "";
            bottom: -1.75rem;
            left: 50%;
            margin-left: -1.25rem;
            box-shadow: 0 0 4px 4px #dedede
        }

        @media screen and (max-width:720px) {
            .cf-error-source:after {
                display: none
            }
        }

        .cf-icon-browser {
            background-image: url(/cdn-cgi/images/cf-icon-browser.png)
        }

        .cf-icon-cloud {
            background-image: url(/cdn-cgi/images/cf-icon-cloud.png)
        }

        .cf-icon-server {
            background-image: url(/cdn-cgi/images/cf-icon-server.png)
        }

        .cf-icon-ok {
            background-image: url(/cdn-cgi/images/cf-icon-ok.png)
        }

        .cf-icon-error {
            background-image: url(/cdn-cgi/images/cf-icon-error.png)
        }

        #cf-wrapper .feedback-hidden {
            display: none
        }

        #cf-wrapper .feedback-success {
            min-height: 33px;
            line-height: 33px
        }

        #cf-wrapper .cf-button {
            color: #fff;
            font-size: 13px;
            border-color: #fff;
            background-color: #000000;
            -webkit-transition-timing-function: ease;
            transition-timing-function: ease;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-property: background-color, border-color, color;
            transition-property: background-color, border-color, color
        }

        #cf-wrapper .cf-button:hover {
            color: #fff;
            background-color: #003681
        }

        .cf-error-footer .hidden {
            display: none
        }

        .cf-error-footer .cf-footer-ip-reveal-btn {
            -webkit-appearance: button;
            -moz-appearance: button;
            appearance: button;
            text-decoration: none;
            color: inherit;
            border: none;
            font: inherit;
            cursor: pointer;
            color: #0051c3;
            -webkit-transition: color .15s ease;
            transition: color .15s ease
        }

        .cf-error-footer .cf-footer-ip-reveal-btn:hover {
            color: #ee730a
        }

        .code-label {
            background-color: #d9d9d9;
            color: #313131;
            font-weight: 500;
            border-radius: 1.25rem;
            font-size: .75rem;
            line-height: 4.5rem;
            padding: .25rem .5rem;
            height: 4.5rem;
            white-space: nowrap;
            vertical-align: middle
        }

        @media (max-width:639px) {
            .sm\:block {
                display: block
            }

            .sm\:hidden {
                display: none
            }

            .sm\:mb-1 {
                margin-bottom: .25rem
            }

            .sm\:mb-2 {
                margin-bottom: .5rem
            }

            .sm\:py-4 {
                padding-top: 1rem;
                padding-bottom: 1rem
            }

            .sm\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .sm\:text-left {
                text-align: left
            }
        }

        @media (max-width:720px) {
            .md\:border-gray-400 {
                --border-opacity: 1;
                border-color: #dedede;
                border-color: rgba(222, 222, 222, var(--border-opacity))
            }

            .md\:border-solid {
                border-style: solid
            }

            .md\:border-0 {
                border-width: 0
            }

            .md\:border-b {
                border-bottom-width: 1px
            }

            .md\:block {
                display: block
            }

            .md\:inline-block {
                display: inline-block
            }

            .md\:hidden {
                display: none
            }

            .md\:float-none {
                float: none
            }

            .md\:text-3xl {
                font-size: 1.875rem
            }

            .md\:m-0 {
                margin: 0
            }

            .md\:mt-0 {
                margin-top: 0
            }

            .md\:mb-2 {
                margin-bottom: .5rem
            }

            .md\:p-0 {
                padding: 0
            }

            .md\:py-8 {
                padding-top: 2rem;
                padding-bottom: 2rem
            }

            .md\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .md\:pr-0 {
                padding-right: 0
            }

            .md\:pb-10 {
                padding-bottom: 2.5rem
            }

            .md\:top-0 {
                top: 0
            }

            .md\:right-0 {
                right: 0
            }

            .md\:left-auto {
                left: auto
            }

            .md\:text-left {
                text-align: left
            }

            .md\:w-full {
                width: 100%
            }
        }

        @media (max-width:1023px) {
            .lg\:text-sm {
                font-size: .875rem
            }

            .lg\:text-2xl {
                font-size: 1.5rem
            }

            .lg\:text-4xl {
                font-size: 2.25rem
            }

            .lg\:leading-relaxed {
                line-height: 1.625
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem
            }

            .lg\:pt-6 {
                padding-top: 1.5rem
            }

            .lg\:w-full {
                width: 100%
            }
        }



        .css-8wb8mt {
            grid-column: auto;

            margin-top: auto;
        }

        @media only screen and (min-width: 768px) {
            .css-8wb8mt {
                grid-column: 1/9;
            }
        }

        @media only screen and (min-width: 1180px) {
            .css-8wb8mt {
  
            }
        }

        @media (min-width: 768px) {
            .css-8wb8mt {
                grid-row: 1;
            }
        }
.css-tenpx7 {
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 24px 0;

        }

        @media only screen and (min-width: 768px) {
            .css-tenpx7 {

            }
        }

        @media only screen and (min-width: 1180px) {
            .css-tenpx7 {

            }
        }

        @media only screen and (min-width: 1920px) {
            .css-tenpx7 {

            }
        }

        @media (min-width: 1180px) {
            .css-tenpx7 {
                -webkit-flex-direction: row;
                -ms-flex-direction: row;
                flex-direction: row;
                gap: 0 48px;
            }
        }
        .css-1nmjbvy {
            grid-column: auto;

        }

        @media only screen and (min-width: 768px) {
            .css-1nmjbvy {
                grid-column: 10/18;

            }
        }

        @media only screen and (min-width: 1180px) {
            .css-1nmjbvy {
                grid-column: 16/27;
            }
        }

       .css-75l27b {
            display: grid;
            grid-template-columns: none;
            grid-template-rows: 1fr;
            grid-column-gap: 0;

        }

        @media only screen and (min-width: 768px) {
            .css-75l27b {
                grid-template-columns: repeat(18,
                        1fr);

            }
        }

        @media only screen and (min-width: 1180px) {
            .css-75l27b {
                grid-template-columns: repeat(26,
                        1fr);

            }
        }

        @media only screen and (min-width: 1920px) {
            .css-75l27b {

            }
        }

        .css-75l27b::before {
            content: "";
            position: absolute;

            display: block;
            left: 0;
            right: 0;

        }
        html {
            scroll-padding-top: calc(var(--header-height, 76px) * 1.5);
            margin-right: calc((100vw - 100%) * -1);
            overflow: hidden auto;
        }
    
        @media only screen and (min-width: 768px) {
            html {
                scroll-padding-top: calc(var(--header-height, 80px) * 1.5);
            }
        }
    
        @media only screen and (min-width: 1180px) {
            html {
                scroll-padding-top: calc(var(--header-height, 90px) * 1.5);
            }
        }
    
        @media only screen and (min-width: 1920px) {
            html {
                scroll-padding-top: calc(var(--header-height, 142px) * 1.5);
            }
        }
    
        body {
            margin-right: calc((100vw - 100%));
        }
				@import url("https://fonts.googleapis.com/css?family=Montserrat:200,300,400,600");
			
				.more-pens {
					position: fixed;
					left: 20px;
					bottom: 20px;
					z-index: 10;
					font-family: "Montserrat";
					font-size: 12px;
				}
			
				a.white-mode,
				a.white-mode:link,
				a.white-mode:visited,
				a.white-mode:active {
					font-family: "Montserrat";
					font-size: 12px;
					text-decoration: none;
					background: #212121;
					padding: 4px 8px;
			
				}
			
				a.white-mode:hover,
				a.white-mode:link:hover,
				a.white-mode:visited:hover,
				a.white-mode:active:hover {
			
					color: #212121;
				}
			
				body {
					margin: 0;
					padding: 0;
					overflow: hidden;
				}
			
				.background {
		position: absolute;
				
					filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edf3f8", endColorstr="#dee3e8", GradientType=1);
				}
			
				.title {
					z-index: 10;
					position: absolute;
					left: 50%;
					top: 40%;
					transform: translateX(-50%) translateY(-50%);
					font-family: "Montserrat";
					text-align: center;
					width: 60%;
				}
			
				.title h1 {
					position: relative;
					color: #000000;
					font-weight: 300;
					font-size: 46px;
					padding: 0;
					margin: 0;
					line-height: 1;
				}
			
				.title h2 {
					font-weight: 600;
					font-size: 60px;
					padding: 0;
					margin: 0;
					line-height: 1;
				}
			
				.title h3 {
					font-weight: 200;
					font-size: 20px;
					padding: 0;
					margin: 0;
					line-height: 2;
					color: #5e7283;
					letter-spacing: 2px;
				}
			
				.title p {
					font-weight: 200;
					font-size: 16px;
					color: #5e7283;
				}
			
				.pentahedron {
					position: absolute;
					width: 100%;
					height: 100%;
					fill: #3E82F7;
				}
			
				.point {
					fill: #8491A3;
				}
			
				.rhombus {
					fill: #2DA94F;
					stroke: #2DA94F;
				}
			
				.x {
					fill: #FDBD00;
				}
			
				.circle {
					fill: #ED412D;
				}
			
				svg {
					display: block;
					width: 30px;
					height: 30px;
					position: absolute;
					transform: translateZ(0px);
				}