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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body,html{height:100%;width:100%;margin:0;padding:0}body{background-image:url(/static/media/free-paper-textures-wrinkled-2.a3105084.jpg);background-size:cover;background-position:50%}.App{max-width:500px;height:100vh;margin:0 auto;position:relative}.darken{display:inline-block;background:#000;padding:0}.darken img{display:block;-webkit-transition:all .3s linear;transition:all .3s linear}.darken:hover img{opacity:.7}.button{background-color:#fff;border-radius:10px;color:#000;text-align:center;text-decoration:none;display:inline-block;box-shadow:1px 1px 1px #000;cursor:pointer;font-weight:500;-webkit-transition-duration:.4s;transition-duration:.4s}.button,.button:hover{border:3px solid #37ffe1}.button:hover{background-color:#37ffe1;color:#fff;font-size:1em;text-shadow:1px 1px 1px #000}section{box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:25px}@media only screen and (min-width:700px){.App{max-width:1000px}}main{height:90vh;padding:1.5% 5%;overflow:scroll}.main-page{height:100vh;-ms-overflow-style:none;scrollbar-width:none}.main::-webkit-scrollbar{display:none}section.search-bar{margin:0 0 5%;display:flex;justify-content:center;align-items:center}.main-page section{margin:0 0 5%;display:flex;background-color:#e6fdff;border-radius:25px;padding:10px 15px}.search-bar{min-height:10%;display:flex;flex-direction:column}.search-bar form{display:flex;align-items:center;height:25px}.search-button{height:25px}#search-query-bar{border-radius:10px;margin:0 0 0 10px;padding:0 0 0 3%;height:25px;border:1px solid #37ffe1;box-shadow:1px 1px 1px #000}.SearchHistoryList{display:flex;flex-direction:row;width:90%;max-width:500px;margin:3% 0 0;justify-content:space-around}.SearchHistoryListItem{max-width:25%}.SearchHistoryListItem button{white-space:nowrap;height:25px;width:12vw;max-width:100px;min-width:55px;overflow:hidden;text-overflow:ellipsis}.documentation,.stack-overflow,.youtube{min-height:23vh;flex-direction:column}.main-page span{color:#37ffe1;text-shadow:1px 1px 1px #000;font-size:16pt}section ul{display:flex;flex-direction:column;list-style-type:none;margin:0 1%;padding:0}a,a:hover{color:#000;text-decoration:none}li{display:inline-block;position:relative;padding-bottom:3px;margin-right:10px}@media only screen and (min-width:1000px){.main-page section{margin:0}.main-page section.youtube{padding:1%}.MainPage-row-container{display:flex;margin:10px 0 0}.MainPage-left-container{margin:0 10px 0 0}.documentation{margin:10px 0 0!important}.documentation,.MainPage-left-container,.stack-overflow,.youtube{flex:1 1}}.StackOverflowList a{font-size:16pt;width:100%}.StackOverflowList li{width:100%;margin:2% 0;line-height:1.5em;list-style-image:url(https://image.flaticon.com/icons/png/512/36/36634.png)}.StackOverflowList li i{padding:0 10px 0 0}.stack-overflow li:after{content:"";display:block;height:3px;width:0;background:transparent;-webkit-transition:.5s ease;transition:.5s ease}.stack-overflow li:hover:after{width:100%;background:#37ffe1}.DocsList{margin:0;padding:2%}.DocsListItem{width:100%;list-style-type:none;margin:1% 0}.DocsList a{display:block;border-radius:25px}.DocsListItem img{width:100%;border-radius:25px;border:6px solid #37ffe1}.YoutubeList{justify-content:space-evenly;width:100%;height:100%;max-height:1000px;align-items:center;flex:1 1}.YoutubeListItem img{margin:0;padding:0;border-radius:25px;border:6px solid #37ffe1;object-fit:cover;cursor:pointer}.YoutubeListItem button{border-radius:25px;border:none}.YoutubeListItem p{padding:1px 0;margin:0 0 0 5px;font-size:1.2em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:400px;height:100%}.YoutubeListItem p:hover{overflow:visible;overflow-x:hidden;white-space:normal;height:auto}.YoutubeListItem{width:100%;display:flex;padding:0;margin:0 0 3%;flex-direction:column}.youtube-li-top{display:block}nav{height:10vh;text-align:center;display:flex;align-items:center}.buffer{width:20%}.nav-center{width:60%}.nav-center img{max-width:400px}nav img{width:100%;height:auto}.login-button,.logout-button{padding:3%}.login-page main{display:flex;flex-direction:column}.login-container{display:flex;justify-content:center;align-items:center;height:45%;margin:25% 0 0;background-color:#e6fdff}.login-page form{width:70%;min-height:70%;max-width:500px;display:flex;flex-direction:column}.login-page legend{font-size:22pt;align-self:center;margin:0 0 10px}.login-page input{width:100%;max-width:500px;line-height:20px;border-radius:10px;padding:0 0 0 3%}.login-page label{margin:5% 0 0}.login-page .login-submit{width:50%;margin:6% auto 0}@media only screen and (min-width:420px){.login-page button{height:25px}}.landing-page main{padding:5%;height:90vh;display:flex;flex-direction:column;justify-content:space-around}.landing-page section{display:flex;justify-content:center;align-items:center}.landing-page .description{height:50%;flex-direction:column;padding:5%;background-color:#e6fdff}.landing-page .search-bar{height:10%}.landing-page input,.landing-page label{margin:1% 0}.landing-page .signup{height:45%;background-color:#e6fdff}.landing-page form{width:70%;min-height:70%;max-width:500px;display:flex;flex-direction:column}.landing-page legend{font-size:22pt;align-self:center;margin:0 0 10px}.landing-page form input{width:100%;max-width:500px;line-height:20px;border-radius:10px;padding:0 0 0 3%}.landing-page .signup-submit{width:50%;margin:6% auto 0}.landing-page p{font-size:3.4vmin;font-weight:600;text-shadow:#e6fdff;line-height:1.6em;margin:2% 0;color:#000;font-family:Open Sans,sans-serif}@media only screen and (min-width:420px){.landing-page p{font-size:3.1vmin}}@media only screen and (min-width:500px){.landing-page p{font-size:2.6vmin}}@media only screen and (min-width:600px){.landing-page p{font-size:2.2vmin}}@media only screen and (min-width:700px){.landing-page p{font-size:2vmin}}@media only screen and (min-width:900px){.landing-page p{font-size:1.8vmin}}
/*# sourceMappingURL=main.7b089f22.chunk.css.map */