.App__header{display:flex;flex-direction:column;padding-top:0;margin:0;background:#16c1fa}.App__header>h1{text-align:center;padding-top:0;margin:0 0 10px}.logo{position:relative;top:-5px;text-decoration:none;color:#fff;background:#16c1fa;letter-spacing:.1em;text-shadow:0 -1px 0 #fff,0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212,0 22px 30px rgba(0,0,0,.9)}.App__header>ul{display:flex;flex-direction:column;list-style-type:none;overflow:hidden;background-color:#333;padding:0;margin:0}.App__header>ul li{float:left;margin:0}.App__header>ul li a{display:block;color:#fff;text-align:center;padding:1.4em 1em;text-decoration:none;margin:0}.App__header>ul li a:hover{background-color:#111}@media (min-width:800px){.App__header{display:flex;flex-direction:row;justify-content:space-between;padding-top:0;margin:0}.App__header>h1{padding-left:10px;padding-top:15px;margin:0}.logo{top:-10px;margin:0}.App__header>ul{margin:0;padding:0;display:flex;flex-direction:row;justify-content:center;list-style-type:none;overflow:hidden;background-color:#333}header>ul li{float:left;margin:0}header>ul li a{display:block;color:#fff;text-align:center;padding:30px 16px;text-decoration:none;margin:0}}.scrollTop{position:fixed;width:40px;height:20px;bottom:30px;right:30px;align-items:center;justify-content:center;z-index:1000;cursor:pointer;-webkit-animation:fadeIn .3s;animation:fadeIn .3s;transition:opacity .4s;opacity:.4;background-color:#000;border-radius:30%;font-size:30px;text-align:center;color:#0ff}.scrollTop:hover{opacity:1}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:.5}}.Footer{display:flex;justify-content:space-between;flex-wrap:wrap;background:#d1d0d0;padding:10px 5px;margin:0}*{box-sizing:border-box}.App{display:grid;height:100vh;width:100%;grid-template-rows:auto 1fr auto}main{display:flex;flex-direction:column;background:#fff}.RegisterForm{border-radius:25px;border:2px solid}.RegisterForm,.RegisterPage{display:flex;flex-direction:column;padding:20px}.RegisterPage{align-items:center;justify-self:center}.LoginForm{display:flex;flex-direction:column;border-radius:25px;border:2px solid;padding:20px}Input{margin-bottom:15px}Input,label{display:block}main{justify-content:center}.LoginPage{display:flex;flex-direction:column;align-items:center;justify-self:center;padding:20px}.CodeListItem{position:relative;width:100%;max-width:300px;height:100%;max-height:200px}.CodeListPage{display:flex;flex-wrap:wrap;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;padding-top:1rem;padding-bottom:1rem}input{margin-bottom:10px}textarea{width:300px}.CodePage{justify-content:center;text-align:center;padding:auto}.CodePage,.ViewCode{display:flex;flex-direction:column}.ViewCode{border-radius:25px;border:2px solid;padding:10px;margin:0}.AnswerListItem{position:relative;width:100%;max-width:300px;height:100%;max-height:200px}.image{display:block;width:100%;height:auto}.overlay{position:absolute;bottom:0;background:#000;color:#f1f1f1;width:100%;font-size:15px;padding:0;margin:0;text-align:center}.overlay>h3{margin:0}.AnswerListPage{display:flex;flex-wrap:wrap;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));justify-content:center;padding-top:1rem;padding-bottom:1rem}.answerlistpagetitle{text-align:center}.AdminPage{align-items:center}.AdminPage,.AdminPage form{display:flex;flex-direction:column}.AdminPage form{border:solid #000}.main-buttons{padding-top:1em;display:flex;flex-direction:row;justify-content:space-evenly}.welcome{display:flex;flex-direction:column;align-items:center;padding-left:5%;padding-right:5%}.welcome>h3,.welcome>p{font-size:x-large}hr{border:0;height:0;box-shadow:0 0 10px 1px #000}hr:after{content:"\00a0"}.main-img{padding-top:1em;display:flex;justify-content:center;max-width:450px;margin:0 auto}.box,.home-image{width:100%;height:500px}.box{margin:25px;background:#fff;border:solid #000}.boxed{border-width:5px 3px 3px 5px;border-radius:95% 4% 97% 5%/4% 94% 3% 95%;transform:rotate(2deg)}.user-home,.user-menu{text-align:center}.user-menu{display:flex;flex-wrap:wrap;justify-content:center}.user-menu-item{flex:1 1 150px;flex:0 1 150px;margin:20px;text-align:center}.user-menu-button{margin-top:2em}.usercodepagebody{flex-direction:column;align-items:center}.usercodepagebody,.UserCodesPage{display:flex;justify-content:center}.UserCodesPage{flex-wrap:wrap;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:1rem;padding-bottom:1rem}.other{display:flex;justify-content:center;align-items:center;width:300px;height:200px}.add-code-button{background-color:#000;border:none;color:#fff;padding:20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;border-radius:50%;height:60px;width:60px}.CreateCodeForm{display:flex;flex-direction:column;border-radius:25px;border:2px solid;padding:10px;margin:0;width:400px}.code_name{margin-bottom:10px;align-self:center}textarea{height:100px;margin-bottom:10px}.CreateCodeFormButtons{display:block;justify-content:space-between}h1{margin-top:0}.CreateCodePage{flex-direction:column;text-align:center;align-items:center;padding:auto}.CreateCodePage,.UserAnswersPage{display:flex;justify-content:center}.UserAnswersPage{flex-wrap:wrap;grid-gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding-top:1rem;padding-bottom:1rem}.AnswerPage,.UserAnswersPageTitle{text-align:center}.AnswerPage{display:flex;flex-direction:column;justify-content:center;padding:auto}h1,h2{margin:0;padding:0}blockquote{border:2px solid #666;padding:10px;background-color:#ccc}.ViewAnswer{display:flex;flex-direction:column;border-radius:25px;border:2px solid;padding:10px;margin:0;width:400px;align-self:center}.verifyButton{display:flex;justify-content:center}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;height:100vh;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.red{color:red}
/*# sourceMappingURL=main.f1f640a4.chunk.css.map */