.header-container{background-color:#000;min-height:40px;display:flex}.logo{align-items:center;min-height:40px;margin-left:10px;display:flex}.variableFetch{justify-content:center;align-items:center;gap:20px;min-width:90%;display:flex}.variable-button{color:#ccc;background-color:#0000;border:none;min-height:100%;padding-left:20px;padding-right:20px;transition:all .4s}.variable-button:hover,.variable-button.active{background-color:#0c0c0c}.copypast-conatiner{justify-content:center;align-items:center;min-height:50vh;display:flex}.copyButton{color:#f0f8ff;background:#fff0;border:1px solid #fff0;border-radius:20px;min-width:30px;min-height:30px;transition:all .4s}.copyButton img{filter:invert();width:20px;height:20px}.copyButton:hover{background-color:#ffffff34;border:1px solid #fff0;border-radius:20px}.example-container{display:flex}.example{flex-direction:column;align-items:center;display:flex}.fetchExample{align-items:center;margin:10px;display:flex}.jsonExample,.getData{border:1px solid #fff;border-radius:10px}.examlpeText{margin:10px}.getData code,.jsonExample code{margin:20px;display:block}*{box-sizing:border-box}body{color:#ccc;background-color:#0c0c0c;min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}
