@import url(https://fonts.googleapis.com/css2?family=Inter&display=swap);@font-face{font-family:"FF Mark";src:local("FF Mark Bold"),local("FF-Mark-Bold"),url(/static/media/Mark-Bold.511733a8.woff2) format("woff2"),url(/static/media/Mark-Bold.83c35b61.woff) format("woff"),url(/static/media/Mark-Bold.bc460a69.ttf) format("truetype");font-weight:700;font-style:normal}body,html{font-family:"FF Mark",sans-serif;font-size:16px;background-color:#000;margin:0;color:#fff;overflow-y:none;scroll-behavior:smooth}a{text-decoration:none;color:#fff}h1{margin:0}a.orange-button{background-color:#ff7f27;border:none;color:#000;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:5px}nav{display:flex;justify-content:space-around;align-items:center;padding:.5rem 1rem;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.8)}nav .navbar.logo{width:25%}nav .navbar.logo,nav .navbar.logo a{display:flex;justify-content:center;align-items:center}nav .navbar.logo a{flex-direction:row}nav .navbar.logo a img{width:30px;height:30px}nav .navbar.logo a h1{font-size:30px;margin-left:2px}nav .navbar.nav{font-size:.85em;padding:2em 0;width:50%;display:flex;justify-content:center;align-items:center}nav .navbar.nav a{margin:0 1em}nav .navbar.social{font-size:24px;width:25%}footer,nav .navbar.social{display:flex;justify-content:center;align-items:center}footer{background-color:#fff;color:#000;margin:0;flex-direction:column;padding:1em 0}footer img{width:40px;height:40px}footer div.footer-details{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%}footer div.footer-details div{display:flex;flex-direction:column}footer div.footer-details a{color:#000}footer div.footer-thanks-you{display:flex;flex-direction:column;justify-content:center;align-items:center}footer div.footer-thanks-you a{color:#000}section.section-left-right{display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width:768px){section.section-left-right{flex-direction:column}}section.section-left-right .left,section.section-left-right .right{width:50%;height:100%}section.section-left-right .left,section.section-left-right .right,section.section-top-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center}section.section-top-bottom .bottom,section.section-top-bottom .top{height:50%}section#Welcome{min-height:100vh}section#Welcome .left{width:40%}section#Welcome .left h1{font-size:3rem}section#Welcome .left p{font-size:1.5rem;color:#ababab}section#Welcome .right{width:50%}section#Welcome .right div.fake-window{box-shadow:-25px -5px 100px 2px rgba(255,125,39,.34901960784313724);background:#171a1f;display:flex;flex-direction:column;justify-content:center;width:75%;padding:0 .5em .5em;border-radius:10px}section#Welcome .right div.fake-window div.fake-window-action-button{display:flex}section#Welcome .right div.fake-window div.fake-window-action-button div{width:10px;height:10px;margin:.5em .5em .5em 0;border-radius:30px}section#Welcome .right div.fake-window div.fake-window-action-button div:first-child{background-color:#f85955;margin-left:.5em}section#Welcome .right div.fake-window div.fake-window-action-button div:nth-child(2){background-color:#fbbe3f}section#Welcome .right div.fake-window div.fake-window-action-button div:nth-child(3){background-color:#45cc4b}section#Welcome .right div.fake-window img{width:100%}section#Support .top{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh}section#Support .top ul{flex-direction:row;width:100%;list-style:none;padding:0}section#Support .top ul,section#Support .top ul li{display:flex;justify-content:center;align-items:center;margin:0}section#Support .top ul li{width:5%;flex-direction:column;padding:.5em}section#Support .top ul li img{width:32px;height:32px;object-fit:cover}section#Support .top h1{font-size:3rem}section#Support .top p{font-size:1.5rem;color:#ababab}section#Support .bottom{width:70%;background-color:#19191c;border-radius:10px}section#Support .bottom,section#Support .bottom .section-left-right{display:flex;flex-direction:row;justify-content:center;align-items:center}section#Support .bottom .section-left-right .left{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%}section#Support .bottom .section-left-right .left img{width:100%;height:50%;object-fit:cover}section#Support .bottom .section-left-right .right{display:flex;flex-direction:column;width:50%;padding:0 10%}section#WhyUse .top{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh}section#WhyUse .top h1{font-size:3rem}section#WhyUse .top p{font-size:1.5rem;color:#ababab}section#WhyUse .bottom{display:flex;flex-direction:row;justify-content:center;align-items:center;width:80%;flex-wrap:wrap}section#WhyUse .bottom div{width:20%;background-color:#19191c;border-radius:10px;margin:1em;padding:2rem;height:130px}section#WhyUse .bottom div i{color:#ff7f27;font-size:20px;margin-bottom:15px}section#WhyUse .bottom div p:nth-child(3){color:#ababab}section#Setup .top{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:50vh}section#Setup .top h1{font-size:3rem}section#Setup .top p{font-size:1.5rem;color:#ababab}section#Setup .bottom section.section-left-right .left{width:100%}section#Setup .bottom section.section-left-right .left div.fake-window{background:#171a1f;display:flex;flex-direction:column;justify-content:center;width:75%;padding:0 .5em .5em;border-radius:10px}section#Setup .bottom section.section-left-right .left div.fake-window div.fake-window-action-button{display:flex}section#Setup .bottom section.section-left-right .left div.fake-window div.fake-window-action-button div{width:10px;height:10px;margin:.5em .5em .5em 0;border-radius:30px}section#Setup .bottom section.section-left-right .left div.fake-window div.fake-window-action-button div:first-child{background-color:#f85955;margin-left:.5em}section#Setup .bottom section.section-left-right .left div.fake-window div.fake-window-action-button div:nth-child(2){background-color:#fbbe3f}section#Setup .bottom section.section-left-right .left div.fake-window div.fake-window-action-button div:nth-child(3){background-color:#45cc4b}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:auto}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom div.top{min-height:auto!important}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom div.top h1{font-size:1.5rem}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom div.top p{font-size:1rem;color:#ababab}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom div.bottom{display:flex;align-items:center;justify-content:center;width:100%;height:auto}section#Setup .bottom section.section-left-right .left div.fake-window section.section-top-bottom div.bottom code{width:95%}section#Setup .bottom section.section-left-right .right{width:100%}section#Setup .bottom section.section-left-right .right div.framework{margin:0 0 3em}section#Setup .bottom section.section-left-right .right div.framework select.framework-selector{background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff}section#Setup .bottom section.section-left-right .right div.framework-search{margin:0 0 5em;width:100%}section#Setup .bottom section.section-left-right .right div.framework-search input.framework-search-input{background-color:transparent;border:none;border-bottom:1px solid #fff;width:237.933px;color:#fff}
/*# sourceMappingURL=main.33eaad6a.chunk.css.map */