body{background-color:#f99000;overflow:hidden}.container>div>div{display:flex;align-items:center;justify-content:center}.text{pointer-events:none;justify-content:start!important;font-family:"Kanit",sans-serif;line-height:0;text-transform:uppercase}.number{font-size:450px;color:#373c4c}.number span{display:inline-block;position:relative;transform:translate3d(-35%,0,0)}.header{margin-left:350px;font-size:70px;color:#fff}.stripe{height:2px;width:auto}.slopeBegin{background-color:#20232f;-webkit-clip-path:polygon(20vw 0,70% 0,calc(70% - 20vw) 100%,0 100%);clip-path:polygon(20vw 0,70% 0,calc(70% - 20vw) 100%,0 100%)}.slopeEnd{-webkit-clip-path:polygon(70% 0,100% 0,calc(100% - 20vw) 100%,calc(70% - 20vw) 100%);clip-path:polygon(70% 0,100% 0,calc(100% - 20vw) 100%,calc(70% - 20vw) 100%)}.slopeBegin,.slopeEnd{position:absolute;width:140%;height:100%;cursor:pointer}.pink{background:linear-gradient(90deg,#ff1493 0,coral)}.teal{background:linear-gradient(90deg,#6a5acd 0,#00bfff)}.tomato{background:linear-gradient(90deg,tomato 0,gold)}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.313ef558.chunk.css.map */