@import url(https://fonts.googleapis.com/css2?family=Roboto&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:"Roboto",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{position:relative}:root{--color1:#7bb67b}.appHeader{z-index:3;position:fixed;top:0;width:100vw}.appHero{margin-top:4rem}.avatarDiv,.badgeAvatarDiv,.badgeDiv,.buttonDiv,.floatButtonDiv,.toastDiv{width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center}.container{width:80vw;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}.iframeLarge{height:25rem}.iframeLarge,.iframeMedium{width:50rem;margin:2rem 0;border:0;-webkit-transform:scale(1);transform:scale(1);overflow:hidden}.iframeMedium{height:20rem}.iframeSmall{width:35rem;height:15rem;margin:2rem 0;border:0;-webkit-transform:scale(1);transform:scale(1);overflow:hidden}@media only screen and (max-width:450px){.avatarDiv,.badgeAvatarDiv,.badgeDiv,.buttonDiv,.floatButtonDiv{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}}.header{background-color:#354e35;color:#fff;height:10vh;padding:0 4rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.detailSection{padding:1rem 1rem 1rem 2rem;position:relative;font-size:1rem}.btnFloat.moveUp{font-size:1.3rem;position:-webkit-sticky;position:sticky;bottom:2rem;left:90vw}@media only screen and (max-width:450px){.detailSection{font-size:.7rem;padding:1rem .5rem}}.componentHeading{border-bottom:1px solid #000;margin-bottom:2rem}span{color:#0083c0}.navigationSection{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border-right:1px solid #000;padding:1rem;position:fixed;overflow-y:scroll;height:85vh;background-color:#7bb67b}.toggleNavBar{display:none}.navigationSection li{list-style-type:none;cursor:pointer;font-size:1.5rem;margin:1rem 0;padding:.2rem .4rem;border-radius:0 .5rem .5rem 0}.navigationSection li:hover{-webkit-animation:appear 1.5s;animation:appear 1.5s}@-webkit-keyframes appear{0%{background:none}to{background-color:#7bb67b}}@keyframes appear{0%{background:none}to{background-color:#7bb67b}}.route{border-left:5px solid #354e35}.route.default{color:#354e35}@media only screen and (max-width:450px){.navigationSection{position:fixed;background-color:#fff;z-index:1}.toggleNavBar{display:inline-block;position:absolute;top:-4.5rem}.navRoutes{background-color:#fff;position:fixed;left:-100%;transition:.5s}.navRoutes.open{left:0;transition:.5s}}.heroSection{width:100vw;min-height:100vh;display:grid;grid-template-columns:1fr 5fr}@media only screen and (max-width:450px){.heroSection{display:-webkit-flex;display:flex}}.footer{background-color:#354e35;height:14vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1rem}.footer span{color:#fff}.socialLinks{width:60%;font-size:2rem;color:#fff;text-shadow:0 1px 2px #000;padding:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly}.socialLinks a{color:#fff}.socialLinks:hover{color:red}
/*# sourceMappingURL=main.397fb99a.chunk.css.map */