@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&family=Quicksand:wght@300;400;500;600&family=Roboto:wght@100;300;400;500;700&display=swap);*{color:#333;font-family:Fira Mono,monospace;margin:0}.App{background-color:#f4f0c7}.content{padding:160px 40px 0}.stickyNote{background-color:#cbe2f0;border:none;box-shadow:-20px -20px 10px 5px rgba(0,0,255,.5);-webkit-clip-path:polygon(100% 0,100% 80%,95% 100%,0 100%,0 0);clip-path:polygon(100% 0,100% 80%,95% 100%,0 100%,0 0);flex-direction:row;font-size:20px;height:47px;padding:4%}.navbar,.stickyNote{align-items:center;display:flex}.navbar{background-color:hsla(55,67%,87%,.9);gap:10%;height:100px;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:10}.navbar h1{color:#000;font-size:30px}.navbar .links{padding:4px}.navbar a{font-size:20px;margin:0 30px;text-decoration:none}.logo{margin:auto}.logo img{height:auto;width:117px}.links{.hoverBorder{color:#000;position:relative;text-decoration:none;&:after{background-color:#000;bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:width .3s ease;width:0}&:hover:after{width:100%}}}.footer{align-items:center;background-color:#dedbbd;border-top:1px solid #ccc;color:#dedbbd;display:flex;flex-direction:row;flex-wrap:nowrap;height:100px;margin-top:10px;padding:20px;width:auto}.footerText{margin:0 10px}.footerText,.logoContainer{background-color:transparent}.logoContainer{margin-right:2%;width:100px}.logoContainer img{background-color:transparent;height:auto;width:100%}.text-with-dot{position:relative}.text-with-dot:before{color:#000;content:"\00B7";font-size:24px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.home{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.title{display:block;margin-right:30%;white-space:pre-line}.topRow{display:flex;flex-direction:row;height:30%;margin:5% 10% 0}.topLeft{width:50%}.tagLine{font-size:25px;height:50px;width:640px}.topText{font-size:20px;margin:8% 0}.topText p{margin-top:4%}.body{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap}.boxGraphic img{height:auto;margin-left:124px;width:70%}.middleText{border-top:1px solid #333;font-size:20px;margin-top:10%}.middleText p{margin:4% 15% 0 20%}.bottomText{font-size:20px}.bottomText p{margin:30px 0}.imageContainer{margin:5% 0 10%;position:relative}.imageContainer img{border:1px solid #16bbc6;box-shadow:-15px -15px 27px rgba(36,32,32,.3);height:auto;width:70%;z-index:1}.imageContainer img:nth-child(2){left:212px;position:absolute;top:98px;z-index:2}.mainButton{background-color:#cbe2f0;border:none;box-shadow:.3em .3em 0 0 #81b0cd,inset .3em .3em 0 0 #81b0cd;font-size:20px;line-height:1;margin:.5em .5em 30px;padding:1em 2em;transition:.25s;z-index:1}.mainButton:hover{box-shadow:0 0 0 0 #81b0cd,inset 6em 3.5em 0 0 #81b0cd}.imagePreviewOverlay{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:10}.imagePreview img{height:auto;width:30vw}.guide{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center}.guideBody{margin:10% 10% 0 0}.imageLayout img{height:auto;width:300px}.imageLayout img:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}img{height:250px;width:390px}.downloadGuide img:hover{-webkit-filter:brightness(.9);filter:brightness(.9)}.downloadGuide img{transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.SystemDownloadBlock{padding-right:70%}.downloadGuide{border-top:1px solid #a3a3a3;margin-top:6%}.downloadTextBlock{margin-bottom:3%}.line{margin:2% 0}.line h2{margin-top:20px}.imageLayout{display:flex;flex-wrap:wrap;justify-content:center}.downloadGuide img{height:auto;width:300px}.arrow{border-bottom:20px solid transparent;border-left:20px solid #414141;border-top:20px solid transparent;height:0;margin:auto 15px;width:0}.FAQ{height:1000px}.accordionContainer{color:#b9b9b9;font-size:16x;margin:5% auto;max-width:1000px;width:100%}.accordion ul{list-style:none;padding:0}.accordion li{margin-bottom:8px}.accordion h3{background-color:#f7f9f9;border-bottom:1px solid rgba(0,0,0,.07);border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.24);cursor:pointer;font-size:18px;font-weight:100;letter-spacing:.035em;margin:0;padding:1.2rem 1rem 1rem 1.2rem;position:relative;transition:all .2s cubic-bezier(.25,.8,.25,1)}.accordion h3.closed,.accordion h3:hover{background-color:#fff;color:#333}.accordion p{background-color:#cbe2f0;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;box-shadow:none;color:#333;padding:1rem 1.8rem;transition:all .5s}.accordion .open p,.accordion p{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
/*# sourceMappingURL=main.f7b2e4e2.css.map*/