body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#343434;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{display:flex;height:100vh;padding:5em}.App-logo{border-radius:100%;height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;font-size:calc(10px + 2vmin);gap:20px;justify-content:space-between;width:100%}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (min-width:300px) and (max-width:640px){.App-header{display:block;.header{align-items:center}}.App{display:flex;height:100vh;padding:1em}}.buttonList{display:flex;flex-direction:column}.header{color:#fff;display:flex;font-size:small;gap:20px;justify-content:space-evenly;list-style:none;img{height:200px;width:200px}}.intro{font-size:1.5em;font-style:normal;font-weight:400;.name{font-size:3em;font-style:normal;font-weight:600}}.description{font-size:1.5em;max-width:90%}@media only screen and (min-width:300px) and (max-width:640px){.header{display:flex;flex-direction:column;margin-bottom:10px;img{height:160px;width:170px}}.text-wrapper{align-items:center}.intro{font-size:18px;.name{font-size:2em;font-style:normal;font-weight:600}}.name{font-size:14px}.description{font-size:18px;max-width:100%}.text-wrapper{align-self:center;display:flex;flex-direction:column}h1{font-size:18px;margin:0}img{height:200px;width:200px}}#examples{color:#000;display:flex;font-size:large;gap:1rem;list-style:none;margin-bottom:5rem;margin-top:4rem;text-align:center;button{background-color:#7bb878;border-radius:1rem;color:#000;cursor:pointer;font-size:16px;font-weight:600;padding:14px 28px;width:250px}button:hover{background-color:#84b581;color:#000}}@media only screen and (min-width:300px) and (max-width:640px){#examples{align-items:center;display:flex;flex-direction:column;width:100%;button.buttons{font-size:15px;width:200px}}li{margin:0;padding:0}}
/*# sourceMappingURL=main.0b973304.css.map*/