@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Roboto&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.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{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*{box-sizing:border-box;font-family:open sans,sans-serif;margin:0;padding:0}.container{background-color:#000;height:100vh;overflow:hidden;position:relative;width:100%}.tabs input{display:none;visibility:hidden}.buttons{bottom:50px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);z-index:100000}.buttons label{background:#fff;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;cursor:pointer;height:20px;opacity:.5;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;width:20px}.tabs input:first-child:checked~.buttons label:first-child,.tabs input:nth-child(2):checked~.buttons label:nth-child(2),.tabs input:nth-child(3):checked~.buttons label:nth-child(3){opacity:1;width:50px}.content{display:flex;position:relative;transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;width:100vw}@-webkit-keyframes slider{0%{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@keyframes slider{0%{transform:translateX(-100%);-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%)}to{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}}@-webkit-keyframes removeSlider{0%{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%)}to{display:none;transform:translateX(200%);-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%)}}@keyframes removeSlider{0%{transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%)}to{display:none;transform:translateX(200%);-webkit-transform:translateX(200%);-moz-transform:translateX(200%);-ms-transform:translateX(200%);-o-transform:translateX(200%)}}.content .box{align-items:center;display:none;height:100vh;justify-content:center;padding:40px;position:relative;-webkit-user-select:center;user-select:center;width:100vw}.content .box.show{-webkit-animation:slider 2s ease forwards;animation:slider 2s ease forwards;display:flex}.content .box.hidden{animation:removeSlider 2s ease forwards;-webkit-animation:removeSlider 2s ease forwards}.content .box:first-child{background:linear-gradient(90deg,#43cea2,#185a9d)}.content .box:nth-child(2){background:linear-gradient(90deg,#ff4e50,#f9d423)}.content .box:nth-child(3){background:linear-gradient(90deg,#9d50bb,#6e48aa)}.content .box .contentBx{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.content .box .contentBx ion-icon{--ionicon-stroke-width:16px;color:#fff;font-size:12em}.content .box .contentBx h2{color:#fff;font-size:3em}.content .box .contentBx p{color:#fff;font-size:1.2em;max-width:700px;text-align:center}.content .box .contentBx button{background:#fff;border:none;border-radius:40px;color:#333;font-size:1.2em;letter-spacing:.05em;padding:15px 35px;text-decoration:none;text-transform:uppercase;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}.content .box .contentBx button:hover{letter-spacing:.2em}