html{scroll-behavior:smooth}body{margin:0}.App .TopSection{color:#fff;background-color:#223856;min-height:98vh;display:flex;flex-direction:column}@media(max-aspect-ratio:1/1){.App .TopSection{min-height:90vh}}.App .TopSection .landing{flex:1 1;display:flex;justify-content:space-around;align-items:center}@supports not (-ms-ime-align:auto){.App .TopSection .landing{justify-content:space-evenly}}@media only screen and (max-width:1024px){.App .TopSection .landing{flex-direction:column}}.App .TopSection .landing .info{flex:1 1;margin:2rem;display:flex;flex-direction:column;justify-content:space-around}@supports not (-ms-ime-align:auto){.App .TopSection .landing .info{justify-content:space-evenly}}@media only screen and (max-width:1024px){.App .TopSection .landing .info{margin-bottom:0;flex:0 1}}.App .TopSection .landing .info h1{padding:.5rem .5rem 0;letter-spacing:.3rem;margin:0;font-weight:700;font-size:2.5rem;text-transform:uppercase}@media only screen and (max-width:1024px){.App .TopSection .landing .info h1{font-size:1.8rem}}.App .TopSection .landing .info h2{padding:0 .5rem 2rem;letter-spacing:.2rem;margin:0;font-weight:400;font-size:.8rem;text-transform:uppercase;border-bottom:2px solid #fff}.App .TopSection .landing .info .nav{list-style-type:none;margin:0;padding:2rem 0;text-align:right;letter-spacing:.05rem}@media only screen and (max-width:1024px){.App .TopSection .landing .info .nav{font-size:.8rem;padding:.5rem 0}}.App .TopSection .landing .info .nav .navItem{padding:.3rem 0}.App .TopSection .landing .info .nav .navItem a{padding:.1rem;color:#fff;text-decoration:none}.App .TopSection .landing .info .nav .navItem a:hover{text-decoration:underline}.App .TopSection .landing .youtube{position:relative;margin:2rem;width:50vw;height:0;padding-bottom:28.125vw}@media only screen and (max-width:1024px){.App .TopSection .landing .youtube{width:85vw;padding-bottom:47.8125vw}}.App .TopSection .landing .youtube iframe{z-index:1}.App .TopSection .landing .youtube iframe,.App .TopSection .landing .youtube img{box-shadow:0 1rem 2rem rgba(0,0,0,.2);position:absolute;top:0;left:0;width:100%;height:100%}.App .TopSection .preProducts .products{display:flex;justify-content:center}.App .TopSection .preProducts .products h3{text-transform:uppercase;letter-spacing:.2rem;font-size:.9rem;color:#3b3e40;margin:0;padding:.6rem 2rem;background-color:#fff;border-radius:1rem 1rem 0 0;box-shadow:0 -.3rem .4rem rgba(0,0,0,.2);z-index:0}.App .TopSection .preProducts .products h3 a{text-decoration:none;color:#3b3e40}.App .Footer{text-align:center;background-color:#223856;color:#fff;box-shadow:inset 0 .3rem .4rem rgba(0,0,0,.2);font-size:.8rem;padding:.5rem}.App .Footer a{color:#fff}.Content{color:#3b3e40}.Content .steps{padding:4rem 2rem;display:flex;justify-content:space-around;align-items:flex-start}@supports not (-ms-ime-align:auto){.Content .steps{justify-content:space-evenly}}@media only screen and (max-width:1100px){.Content .steps{padding:2rem 3rem;align-items:center;flex-direction:column}}.Content #singleSteps{display:flex;align-items:flex-start;justify-content:center;margin:2rem;flex-wrap:wrap}@media only screen and (max-width:1100px){.Content #singleSteps{margin:1rem 2rem}}@media only screen and (max-width:800px){.Content #singleSteps{flex-direction:column}}.Content #singleSteps .step{width:50%;margin:2rem 0}.Content #singleSteps .step .stepDescription{margin-right:1.8rem}@media only screen and (max-width:1100px){.Content #singleSteps .step{padding:1rem 0}.Content #singleSteps .step .stepContent{padding:0 1rem;flex-direction:column}.Content #singleSteps .step h3{text-align:center}.Content #singleSteps .step .stepDescription{margin:2rem 0 0}.Content #singleSteps .step .stepImage{margin-top:1rem}}@media only screen and (max-width:800px){.Content #singleSteps .step{width:100%;margin:1rem 0}.Content #singleSteps .step .stepDescription{padding:0}}.Content .step{width:33%;margin:0 1rem}@media only screen and (max-width:1100px){.Content .step{width:100%;padding:2rem 0}}.Content .step h3{color:#223856;font-size:1.5rem;margin-top:0}@media only screen and (max-width:1300px){.Content .step h3{font-size:1.3rem}}@media only screen and (max-width:1100px){.Content .step h3{font-size:1.5rem}}@media only screen and (max-width:600px){.Content .step h3{font-size:1.2rem}}.Content .step .stepContent{display:flex;align-items:center}.Content .step .stepContent .stepImage{max-width:20vw;max-height:20vw;width:15rem;height:15rem;margin:auto;background-size:cover;border-radius:50%;background-position:100%;box-shadow:inset 3px 3px 6px #000;transition:border-radius .5s ease}.Content .step .stepContent .stepImage.linkable{cursor:pointer}.Content .step .stepContent .stepImage:hover{border-radius:3%}@media only screen and (max-width:1500px){.Content .step .stepContent .stepImage{max-width:10vw;max-height:10vw}}@media only screen and (max-width:1100px){.Content .step .stepContent .stepImage{max-width:30vw;max-height:30vw}}.Content .step .stepContent .stepDescription{flex:1 1;line-height:1.5rem;margin:0 0 0 1.8rem;padding:0;font-size:.95rem}@media only screen and (max-width:1100px){.Content .step .stepContent .stepDescription{padding-right:0}}@media only screen and (max-width:600px){.Content .step .stepContent .stepDescription{line-height:1.2rem}}.Content .compatible{margin:0;padding:3rem;text-align:center;background-color:#223856;color:#fff;box-shadow:inset 0 .3rem .4rem rgba(0,0,0,.2)}.Content .compatible h2{margin-top:0}.Content .compatible p{margin-bottom:0}.ImageOverlay{position:fixed;height:100%;width:100%;z-index:2;transition:opacity .15s linear;opacity:1}.ImageOverlay.transition{opacity:0}.ImageOverlay .bg{width:100%;height:100%;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);background-color:rgba(0,0,0,.13)}.ImageOverlay button{position:fixed;right:2rem;top:2rem;z-index:3;color:#3b3e40;background:#80ced7;border:none;padding:1rem;font-weight:700;cursor:pointer;box-shadow:2px 2px 4px rgba(0,0,0,.466)}.ImageOverlay button:hover{opacity:.7}.ImageOverlay img{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;max-width:80vw;max-height:80vh}.App{font-family:"Raleway",sans-serif;font-display:swap;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}.App .sr-only{opacity:0;height:0;width:0;position:absolute}.App a{color:#223856}.App a:hover{text-decoration:underline}
/*# sourceMappingURL=main.d3fa1617.chunk.css.map */