body{margin:0;padding: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}.header{width:100%}.jumbotron{width:100%;height:250px;background:-webkit-gradient(linear,left top,left bottom,from(#474787),to(#706fd3));background:-webkit-linear-gradient(#474787,#706fd3);background:linear-gradient(#474787,#706fd3);margin:auto;position:relative;display:flex;flex-flow:column;box-sizing:border-box;align-items:center}.text{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:50px;padding:15px;margin:auto}@media(max-width:500px){.jumbotron{height:180px}.text{font-size:30px}}.input{width:30%;height:30px;background-color:#d3d3d3;border:.5px solid grey;border-radius:5px;font:inherit;color:grey;font-size:20px;text-align:center;margin:3% 0 0 30%;padding:6px 10px;box-shadow:1px 1px 1px #000}@media (max-width:500px){.input{width:40%;font-size:15px;margin:5% 0 0 25%;padding:1%}}.button{height:40px;border-radius:10px;font-size:20px;background:-webkit-gradient(linear,left top,left bottom,from(#2d3436),to(#636e72));background:-webkit-linear-gradient(#2d3436,#636e72);background:linear-gradient(#2d3436,#636e72);color:#b2bec3;margin:1%;box-shadow:1px 1px 1px #000}@media(max-width:500px){.button{font-size:15px;height:35px;margin:3%}}.button:active,.button:hover{background:-webkit-gradient(linear,left top,left bottom,from(#f7f1e3),to(#aaa69d));background:-webkit-linear-gradient(#f7f1e3,#aaa69d);background:linear-gradient(#f7f1e3,#aaa69d);color:grey;cursor:pointer}.Footer{height:150px;background-color:#182c61;margin:50% 0 0;align-items:center}.Footer,.footer-text{display:flex;flex-flow:column}.footer-text{font-family:cursive;font-size:30px;padding:20px;font-weight:700}.img{height:50px;width:50px;display:flex;flex-flow:column;margin:auto}.img:hover{cursor:pointer}@media(max-width:500px){.Footer{height:100px;margin:85% 0 0}.img{display:none}}.List{width:31%;height:30px;background-color:#fea47f;margin:1% 1% 0 28%;border-radius:20px;list-style-type:none;padding:4px;font-size:20px;font-family:Courier New,Courier,monospace;text-align:center;box-shadow:1px 1px 1px #000;overflow-wrap:break-word;word-wrap:break-word;display:block}.List:hover{cursor:pointer}@media(max-width:500px){.List{width:50%;margin-left:15%;font-size:15px}}.Card{width:80%;height:200px;border:1px solid #ccc;border-radius:5px;box-shadow:1px 1px 1px #000;margin:0 0 2% 10%;font-family:Courier New,Courier,monospace;font-size:20px;font-weight:700;display:inline-block}a{text-decoration:none}a:hover{text-decoration:underline}.title{display:block;font-size:30px;font-weight:700;margin:-18% 0 0 18%}.card-text{display:block;overflow-wrap:break-word;word-wrap:break-word;margin:0 0 0 18%}.card-score-text{display:block;margin:7% 0 0 18%}.frame{width:150px;height:150px;border-radius:75px;border:1px solid #ccc;box-shadow:1px 1px 1px #000;margin:2%;display:inline-block}img{display:block;margin:auto;width:100%;height:auto;border-radius:50%}@media(max-width:500px){.Card{height:100px;width:95%;margin:2.5%;font-size:10px}.frame{width:75px;height:75px}.title{font-size:20px;margin:-25% 0 0 25%}.card-text{padding:2%;margin:-1% 0 0 25%}.card-score-text{padding:5% 0 0 2%;margin:0 0 0 25%}}.Message{width:30%;height:50px;display:flex;flex-flow:column;margin:2% 0 0 33%;text-align:center;padding:20px 0 0;border-radius:5px;font-weight:700;color:#3d3d3d}.Success{background:-webkit-gradient(linear,left top,left bottom,from(#26de81),to(#20bf6b));background:-webkit-linear-gradient(#26de81,#20bf6b);background:linear-gradient(#26de81,#20bf6b)}.Fail{background:-webkit-gradient(linear,left top,left bottom,from(#fd9644),to(#fa8231));background:-webkit-linear-gradient(#fd9644,#fa8231);background:linear-gradient(#fd9644,#fa8231)}.Error{background:-webkit-gradient(linear,left top,left bottom,from(#eb3b5a),to(#eb3b5a));background:-webkit-linear-gradient(#eb3b5a,#eb3b5a);background:linear-gradient(#eb3b5a,#eb3b5a);height:90px;width:35%;padding:5px;margin-left:32%}.Message:hover{cursor:pointer}@media(max-width:500px){.Message{margin-left:28%;padding:10px 0 0;width:40%;height:40px;font-size:10px}}.loader,.loader:after{border-radius:50%;width:10em;height:10em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border:1.1em solid rgba(0,0,0,.2);border-left-color:#000;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s linear infinite;animation:load8 1.1s linear infinite}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.c52aae07.chunk.css.map */