.request{grid-column:2/3;grid-row:2/3;border-left:1px solid #1560bd;padding:30px 15px;min-height:375px;max-height:auto}.request .url-method{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.request .url{width:85%;background-color:azure;height:35px;padding:0 5px;border-bottom:1px solid #1560bd}.request select{height:35px;width:15%;background:azure;color:#1560bd;padding:0 5px;border:1px solid #1560bd;font-size:1rem}.request .textfields p{text-transform:capitalize;margin-bottom:10px}.request .textfields input{height:35px;background:azure;border-bottom:1px solid #1560bd;margin-right:10px}.request .textfields div{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.request .textfields div button{font-size:1.1rem}.request .textfields button{background:#fff;color:#1560bd;font-size:1.7rem;transition:all .3s ease}.request .textfields button svg{font-size:1rem}.request .textfields button:hover{color:#000}.request .send{background:#1560bd;height:35px;width:100px;color:azure;font-size:1.3rem;margin:15px auto;transition:all .3s ease}.request .send:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}@media (min-width:0px) and (max-width:868px){.request{grid-column:1/3;min-height:150px}.request .url{width:75%}.request select{width:25%}}.response{grid-row:3/4;grid-column:1/3;background:azure;border:1px solid #1560bd;margin:15px;padding:15px}.response h1,.response h3{font-weight:400;text-align:center;margin:10px}.response .json-btns{margin:10px auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center}.response .json-btns button{background-color:#1560bd;color:azure;height:35px;width:130px;margin-right:10px;transition:all .3s ease}.response .json-btns button:hover{-webkit-transform:scale(1.03);transform:scale(1.03)}.response .json-btns .selected{border:2px solid #000}.response .response-body{padding:10px;line-height:2}.response p{word-wrap:break-word;word-break:break-all}.response pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}.loading{grid-row:3/4;grid-column:1/3;width:100%;height:100px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin:50px 0;-webkit-align-items:flex-end;align-items:flex-end}.loading .line{width:8px;background:#1560bd;margin-right:6px}.loading .one{height:50px;-webkit-animation:one 1s linear infinite;animation:one 1s linear infinite}.loading .two{height:30px;-webkit-animation:two 1s linear infinite;animation:two 1s linear infinite}.loading .three{height:10px;-webkit-animation:three 1s linear infinite;animation:three 1s linear infinite}@-webkit-keyframes one{0%{height:50px}50%{height:10px}to{height:50px}}@keyframes one{0%{height:50px}50%{height:10px}to{height:50px}}@-webkit-keyframes two{0%{height:30px}50%{height:50px}to{height:30px}}@keyframes two{0%{height:30px}50%{height:50px}to{height:30px}}@-webkit-keyframes three{0%{height:10px}50%{height:50px}to{height:10px}}@keyframes three{0%{height:10px}50%{height:50px}to{height:10px}}.history{grid-column:1/2;grid-row:2/3;align-self:flex-start;padding:30px 15px;height:375px}.history .title{display:grid;-webkit-align-items:center;align-items:center;grid-template-columns:90% auto}.history .title h3{font-weight:400}.history .title button{font-size:1.1rem;background:transparent;color:#1560bd;transition:all .3s ease}.history .title button:hover{color:#000}.history ul{display:-webkit-flex;display:flex;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;overflow-y:scroll;height:250px;width:30vw}.history ul li{border:1px solid #1560bd;padding:5px;margin-bottom:5px}.history ul li h3,.history ul li p{font-weight:400;margin:0;padding:0}.history ul li p{font-size:.8rem;word-wrap:break-word}.history ul li button{background:transparent;margin-top:5px;font-size:1rem;color:#1560bd;float:right;transition:all .3s ease}.history ul li button:hover{color:#000}@media (min-width:0px) and (max-width:868px){.history{display:none}}.topbar{grid-column:1/3;grid-row:1/2;background-color:#1560bd;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;color:azure;height:125px}.topbar img{height:100px}*{font-family:Play,Abel,"Segoe UI";box-sizing:border-box;font-size:17px}body{margin:0;padding:0}button,input,select,textarea{outline:none;border-radius:0;border:0}ul{list-style:none;padding:0;margin:0}.container{display:grid;grid-template-columns:1fr 2fr;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;grid-row-gap:30px;margin-bottom:30px}
/*# sourceMappingURL=main.2b539546.chunk.css.map */