@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap);*{box-sizing:border-box}body,html{height:100vh;margin:0;padding:0}body{display:flex;flex-direction:column;font-family:"Titillium Web",sans-serif;background:#e0e0e0}body #root{display:flex;flex-direction:column;flex:1 1}body h2{margin:0 2rem}body header{background:#111;display:flex;flex-direction:column}body header h1{color:#eee;display:inline-block;font-weight:700;margin:.5em auto;text-align:center}body header nav{background:#550202}body header nav ul{list-style-type:none;margin:0;padding:0}body header nav ul li{display:inline-block;padding:.5rem 2rem;position:relative}body header nav ul li a{color:#eee;text-decoration:none}body header nav ul li a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}body header nav ul li a.here,body header nav ul li a.here:hover{color:red}body header nav ul li:hover{background:#111}body header nav ul li:hover a{color:#f5f5f5}body .react-json-view{margin:1rem 2rem}body .loading img{margin:auto;top:50%;-webkit-transform:translateY(50%);transform:translateY(50%);width:200px;display:block;height:100px}body form{display:flex;flex-direction:column}body form div{display:flex;flex-direction:row;margin:1rem}body form input[type=text]{background:#f5f5f5;border:none;border-bottom:1px solid #000;font-size:1.1rem;margin:0;outline:none;padding:.25rem;transition:all .4s ease-out;width:80%}body form input[type=text]:focus{background:#fff;border-bottom:2px solid #00f}body form .methods{display:flex}body form .methods .method{background:#f5f5f5;border:1px solid #ccc;border-radius:5px;cursor:pointer;margin-right:.5rem;padding:0 1rem;line-height:2rem;height:2rem}body form .methods .method.true,body form .methods .method:hover{background:#ccc}body form .methods textarea{flex:1 1;height:3rem}body form button{margin-left:3rem}body main{display:flex;flex:1 1;margin:0 1rem}body main .history{margin:1rem;height:calc(100vh - 15rem);overflow:auto}body main .history ul{list-style-type:none;margin:0;padding:2rem}body main .history ul li{padding:.5rem 0}body main .history ul li .method{border-radius:5px;color:#fff;display:inline-block;font-weight:700;padding:.25rem 1rem}body main .history ul li .method.get{background:#00f}body main .history ul li .method.delete{background:red}body main .history ul li .method.put{background:#daa520}body main .history ul li .method.post{background:green}body main .history ul li .url{background:inherit;border:none;cursor:pointer;padding:.5rem 1rem}body main .history .results{background:#f5f5f5;border:1px solid #111;flex:1 1;height:calc(100vh - 18rem);margin:1rem;overflow:auto;padding:2rem}body main section.historyPage{display:flex}body main section.historyPage aside div{cursor:pointer;padding:1rem;white-space:nowrap}body main section.historyPage aside div:hover{background:#efefef}
/*# sourceMappingURL=main.629ca449.chunk.css.map */