@import url(https://fonts.googleapis.com/css2?family=Kanit:ital,wght@1,600&family=Sedgwick+Ave+Display&display=swap);@import url(https://fonts.googleapis.com/css2?family=Tangerine:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Puddles&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)}}body{background-color:#000;color:#fff}.tagline{color:#fff;float:left;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:80px;margin-left:190px;margin-top:250px;position:absolute;z-index:2}.tagline1{color:red}.tagline2{color:#ff0}.tagline3{color:cyan}.taglinePara{font-family:Tangerine,cursive;font-size:30px;margin-top:0}.bodyAnimation{border:none;float:left;height:700px;margin-top:80px;width:850px;z-index:0}.leftContainer{display:inline-block;float:left;position:relative}.wrapper{display:flex;justify-content:center}.generatedNotes:not(:empty){background-color:#6225e6;color:#fff;font-family:Sedgwick Ave Display,cursive;font-size:30px;height:auto;margin-left:950px;margin-top:20px;padding:10px 45px;text-decoration:none;width:800px}.cta{background:#6225e6;color:#fff;display:flex;font-size:40px;margin-top:250px;padding:10px 35px;text-decoration:none;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s}.cta:focus{outline:none}.cta:hover{box-shadow:10px 10px 0 #fbc638;transition:.5s}.cta span:nth-child(2){margin-right:0;transition:.5s}.cta:hover span:nth-child(2){margin-right:45px;transition:.5s}span{-webkit-transform:skewX(15deg);transform:skewX(15deg)}.sign{float:right}.micOff,.micOn{font-size:30px;margin-left:5px;margin-top:5px}.start{font-family:Sedgwick Ave Display,cursive}span:nth-child(2){margin-left:30px;position:relative;top:12%;width:20px}path.one{-webkit-transform:translateX(-60%);transform:translateX(-60%);transition:.4s}path.two{-webkit-transform:translateX(-30%);transform:translateX(-30%);transition:.5s}.cta:hover path.three{-webkit-animation:color_anim 1s .2s infinite;animation:color_anim 1s .2s infinite}.cta:hover path.one{-webkit-animation:color_anim 1s .6s infinite;animation:color_anim 1s .6s infinite}.cta:hover path.one,.cta:hover path.two{-webkit-transform:translateX(0);transform:translateX(0)}.cta:hover path.two{-webkit-animation:color_anim 1s .4s infinite;animation:color_anim 1s .4s infinite}@-webkit-keyframes color_anim{0%{fill:#fff}50%{fill:#fbc638}to{fill:#fff}}@keyframes color_anim{0%{fill:#fff}50%{fill:#fbc638}to{fill:#fff}}.save{background:#6225e6;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;font-family:Sedgwick Ave Display,cursive;font-size:35px;height:75px;margin-left:50px;margin-top:20px;padding:10px 45px;text-decoration:none;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s;width:280px}.save:hover{box-shadow:10px 10px 0 #fbc638;color:#f0f8ff;font-weight:800;transition:.5s}.clear{border:3px;border-style:double;cursor:pointer;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:50px;width:100px}.clear:hover{background-color:green;color:#f0f8ff;font-weight:800}@media screen and (min-width:320px){.leftContainer{height:100px;width:100px}.bodyAnimation{height:350px;margin-left:2rem;width:350px}.tagline{font-size:30px;margin-left:4em;margin-top:6.2em}.box{margin-left:3em;margin-top:15em}.cta{font-size:40px;padding:10px}.micOff{margin-top:10px}.micOff,.micOn{font-size:20px}.svg{width:35px}.save{background:#6225e6;box-shadow:6px 6px 0 #000;cursor:pointer;font-size:25px;height:55px;margin-left:50px;padding:10px 25px;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s;width:200px}.generatedNotes:not(:empty),.save{color:#fff;font-family:Sedgwick Ave Display,cursive;margin-top:20px;text-decoration:none}.generatedNotes:not(:empty){background-color:#6225e6;font-size:20px;height:auto;margin-left:0;padding:10px 5px;width:300px}}@media screen and (min-width:480px){.leftContainer{height:100px;width:100px}.bodyAnimation{height:450px;margin-left:1.7rem;width:450px}.tagline{font-size:50px;margin-left:2em;margin-top:4.2em}.box{margin-left:3em;margin-top:15em}.cta{font-size:40px;padding:10px}.micOff{margin-top:10px}.micOff,.micOn{font-size:20px}.svg{width:35px}.save{background:#6225e6;box-shadow:6px 6px 0 #000;cursor:pointer;font-size:25px;height:55px;margin-left:50px;padding:10px 25px;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s;width:200px}.generatedNotes:not(:empty),.save{color:#fff;font-family:Sedgwick Ave Display,cursive;margin-top:20px;text-decoration:none}.generatedNotes:not(:empty){background-color:#6225e6;font-size:20px;height:auto;margin-left:0;padding:10px 5px;width:300px}}@media screen and (min-width:600px){.leftContainer{height:100px;width:100px}.bodyAnimation{height:350px;margin-left:2rem;width:350px}.tagline{font-size:30px;margin-left:4em;margin-top:6.2em}.box{margin-left:3em;margin-top:15em}.cta{font-size:40px;padding:10px}.micOff{margin-top:10px}.micOff,.micOn{font-size:20px}.svg{width:35px}.save{background:#6225e6;box-shadow:6px 6px 0 #000;cursor:pointer;font-size:25px;height:55px;margin-left:50px;padding:10px 25px;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s;width:200px}.generatedNotes:not(:empty),.save{color:#fff;font-family:Sedgwick Ave Display,cursive;margin-top:20px;text-decoration:none}.generatedNotes:not(:empty){background-color:#6225e6;font-size:20px;height:auto;margin-left:0;padding:10px 5px;width:300px}}@media screen and (min-width:1281px){.bodyAnimation{border:none;float:left;height:700px;margin-top:80px;width:850px;z-index:0}.leftContainer{display:inline-block;float:left;position:relative}.tagline{color:#fff;float:left;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:80px;margin-left:220px;margin-top:250px;position:absolute;z-index:2}.box{margin-left:53em;margin-top:4em}.cta{background:#6225e6;color:#fff;display:flex;font-size:40px;margin-top:250px;padding:10px 35px;text-decoration:none;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s}.micOff,.micOn{font-size:30px;margin-left:5px;margin-top:5px}.save{background:#6225e6;box-shadow:6px 6px 0 #000;color:#fff;cursor:pointer;font-family:Sedgwick Ave Display,cursive;font-size:35px;height:75px;margin-left:50px;margin-top:20px;padding:10px 45px;text-decoration:none;-webkit-transform:skewX(-15deg);transform:skewX(-15deg);transition:1s;width:280px}.save:hover{box-shadow:10px 10px 0 #fbc638;color:#f0f8ff;font-weight:800;transition:.5s}.generatedNotes:not(:empty){background-color:#6225e6;color:#fff;font-family:Sedgwick Ave Display,cursive;font-size:30px;height:auto;margin-left:50px;margin-top:20px;padding:10px 45px;text-decoration:none;width:800px}}.navbar{background-color:#6225e6;box-shadow:6px 3px #fff;margin-left:350px;margin-right:350px;margin-top:20px;position:relative}.navbar,.wave{border-radius:50px}.wave{bottom:0;height:40px;left:0;position:absolute;width:100%}.navbar{align-items:center;display:flex;font-size:18px;height:60px;justify-content:space-between;padding:0 20px}.navbarText{color:#fff;cursor:pointer;font-family:Rubik Puddles,cursive;margin-right:10px;z-index:1}.navbarImage{height:50px;margin-left:10px;width:50px}@media screen and (min-width:320px){.navbar{margin-left:25px;margin-right:20px;width:300px}}@media screen and (min-width:480px){.navbar{margin-left:10px;margin-right:20px;width:400px}}@media screen and (min-width:600px){.navbar{margin-left:35px;margin-right:20px}}@media screen and (min-width:801px){.navbar{margin-left:25px;margin-right:20px;width:600px}}@media screen and (min-width:1025px){.navbar{margin-left:20px;margin-right:20px;width:770px}}@media screen and (min-width:1281px){.navbar{margin-left:300px;margin-right:20px;width:1205px}}
/*# sourceMappingURL=main.33838ea5.css.map*/