@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Archivo:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Karla:wght@200&display=swap);:root{--bg-light:#def1ff;--color-light:#002d50;--color-alert:#090043;--color-alert-hover:#271867}body,html{padding:0;margin:0;font-size:16px;line-height:1.6;background-color:#def1ff!important;background-color:var(--bg-light)!important;color:#002d50!important;color:var(--color-light)!important;font-family:"Archivo","Quicksand",sans-serif;font-style:normal;scroll-behavior:smooth;overflow-x:hidden}pre,textarea{color:#def1ff!important;color:var(--bg-light)!important}@media Screen and (max-width:768px){html{font-size:12px!important}}*{box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden}ul{list-style:none;margin:0;padding:0}a{color:#090043;color:var(--color-alert)}a,a:hover{text-decoration:none}a:hover{color:#271867;color:var(--color-alert-hover)}img{max-width:100%;display:block}*{scrollbar-color:#002d50;scrollbar-color:var(--color-light);scrollbar-width:thin}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:#002d50;background-color:var(--color-light)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#fff}.styles_container__KcJ_5{position:relative;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;font-size:.9rem}.styles_container__KcJ_5,div[data-id=preview-container]{width:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}div[data-id=preview-container]{-webkit-justify-content:center;justify-content:center;padding:50px}div[data-id=css-wrapper]{box-shadow:inset 2px 2px 2px #0271f8,inset -2px -2px 2px #0271f8}div[data-id=css-wrapper],div[data-id=js-wrapper]{width:45%;min-width:300px;margin:10px;padding-top:20px;border-radius:5px;font-family:"Fira code","Fira Mono",monospace;cursor:text;position:relative;background:#011b40}div[data-id=js-wrapper]{box-shadow:inset 2px 2px 2px #eaff01,inset -2px -2px 2px #fdf905}div[data-id=css-container],div[data-id=js-container]{height:21.875rem;max-height:21.875rem;overflow:auto}div[data-id=error-container]{position:absolute;background:tomato;color:#19154f;left:.5%;bottom:2px;width:99%;padding:0 15px}div[data-id=error-container] *{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}div[data-id=controls-container]{width:85%;position:absolute;top:10px;left:10px;z-index:10}div[data-id=controls-container] button{margin:2px;cursor:pointer;padding:5px;border-radius:5px;background-color:#0271f8;color:#fff}div[data-id=controls-container] button:hover{-webkit-transform:scale(1.08);transform:scale(1.08)}div[data-id=controls-container] button:active{-webkit-transform:scale(.95);transform:scale(.95)}div[data-id=controls-container] button:focus{outline:none}div[data-id=controls-container]{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.styles_codeLogo__1abO_{color:#f7f700}.styles_codeLogo__1abO_,.styles_cssLogo__25owl{position:absolute;right:20px;top:15px;font-size:3rem;z-index:2}.styles_cssLogo__25owl{color:#6a53ff}span[class*=operator]{background:none!important}textarea:focus{outline:none}.styles_header_container__35ier{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;min-height:100vh}@media screen and (max-height:800px){.styles_header_container__35ier{-webkit-transform:scale(.8);transform:scale(.8)}.styles_scroll__2HM3s{display:none}}@media screen and (max-width:400px){.styles_header_container__35ier>h1{font-size:2rem!important}}.styles_header_container__35ier>h1{margin:50px;font-size:3rem;border-bottom:4px solid #0d002d}.styles_header_container__35ier>h3{margin-top:150px;font-size:1.3rem}.styles_logo__2snjt{color:var(--bg-light);position:relative;width:200px;height:200px;background:#262626;-webkit-transform:perspective(1000px) rotate(-30deg) skew(25deg);transform:perspective(1000px) rotate(-30deg) skew(25deg);background:url(../../static/media/bg_logo2.f08475ad.jpeg);background-size:cover;box-shadow:0 0 0 0 #070129;margin-bottom:max(20vh,200px)}.styles_left__3HGYK{bottom:-40px;left:-20px;-webkit-transform:rotate(0deg) skewX(-45deg);transform:rotate(0deg) skewX(-45deg)}.styles_left__3HGYK,.styles_right__39IYc{position:absolute;content:"hello";width:100%;height:40px;background:url(../../static/media/bg_logo2.f08475ad.jpeg);background-size:cover;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.styles_right__39IYc{top:60px;right:80px;-webkit-transform:rotate(90deg) skewX(45deg) translateY(40px);transform:rotate(90deg) skewX(45deg) translateY(40px)}.styles_line__2uYQP{width:0;height:2px;background:#fff;-webkit-align-self:flex-start;align-self:flex-start}.styles_left__3HGYK h5,.styles_right__39IYc h5{font-size:.8rem;margin:0!important;padding:0!important}.styles_title__2RO4A{font-size:2.5rem}.styles_title__2RO4A h4{padding:0;margin:0 0 0 10px}.styles_github__2-mwl{display:-webkit-flex;display:flex;padding-bottom:5px;border-bottom:3px solid #0d002d}.styles_github__2-mwl i{font-size:5rem}.styles_github__2-mwl h4{padding:0;margin:0 0 0 5px;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end}.styles_scroll__2HM3s{width:3rem;position:absolute;bottom:20px}.styles_features__2Xu6L{min-height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column}.styles_features__2Xu6L li{font-size:1.3rem;padding:5px;text-align:center}
/*# sourceMappingURL=main.e1f25b65.chunk.css.map */