h1, h2, h3, h4, h5, h6 {
    margin: 0 0 20px 0;
    font-family: -apple-system,BlinkMacSystemFont,'Quicksand', sans-serif,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #7D7D9D;
}

.ls-main {
    background-image: radial-gradient(circle, rgba(253, 253, 253, 0), rgba(253, 253, 253, 1));
    background-size: auto;
    background-position: center center;
    height: 100%;
}

.ls-body {
    position: relative;
    min-height: 100%;
}

.ls-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #5C85AD;
    color: #F4F4F4;
}

.ls-footer p {
    margin: 6px;
    font-size: 12px;
    text-align: center;
    color: #F4F4F4;
}

.ls-footer a {
    text-decoration: none;
    color: inherit;
}

.ls-http p {
    font-size: 0.75em;
    font-family: 'Fira Mono', monospace;
    overflow-wrap: break-word;
}

.ls-table table.uk-table td,
.ls-table table.uk-table th {
    padding: 0px 12px;
    word-break: break-word;
    vertical-align: text-bottom;
}

.ls-table table.uk-table th,
.ls-table table.uk-table td.field-name {
    width: 35%;
    min-width: 96px;
    text-align: right;
    font-size: 12px;
}

.ls-table table.uk-table td.field-value {
    text-align: left;
    font-size: 10px;
}

.ls-pre {
    font-size: 0.75em;
    color: #888888;
    font-family: 'Fira Mono', monospace;
    overflow-x: hidden;
    overflow-y: auto;
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.ls-quic-logo {
    display: block;
    width: 46px;
    height: 46px;
    background-image: url(ls-quic-gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.ls-quic-logo:hover {
    background-image: url(ls-quic-v3.svg);
}

.ls-suggestion {
    font-family: 'Quicksand', sans-serif;
    font-size: 0.85em;
    font-weight: 400;
    color: #666;
    border-radius: 5px;
    box-shadow: 0 3px 5px rgba(213, 233, 244,1);
}

.ls-suggestion:hover {
    box-shadow: 0 15px 20px rgba(213, 233, 244,1);
}

.ls-suggestion-link:hover {
    text-decoration: none;
}

.ls-suggestion-1 {background-color:#7ceecc;}
.ls-suggestion-2 {background-color:#81dbce;}
.ls-suggestion-3 {background-color:#88e8e5;}
.ls-suggestion-4 {background-color:#88e2d4;}
.ls-suggestion-5 {background-color:#87efb8;}
.ls-suggestion-6 {background-color:#92e9c7;}
.ls-suggestion-7 {background-color:#86e7b7;}
.ls-suggestion-8 {background-color:#98EEDB;}
.ls-suggestion-9 {background-color:#9EF1D3;}
.ls-suggestion-10 {background-color:#8DE0C6;}

.ls-http3check-logo {
    display: block;
    width: 280px;
    height: 50px;
    background-image: url(http3check-logo.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.ls-about {
    top: 3px;
    right: 3px;
}

.ls-about-link a, .ls-about-link {
    color: #999;
    font-size: 0.875rem;
    text-align: center;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 2px solid transparent;
}

.ls-about-link a:hover, .ls-about-link:hover {
    text-decoration: none;
}

.uk-box-shadow {
    box-shadow: 0 5px 15px rgba(213, 233, 244,1);
}

.uk-box-shadow:hover {
    box-shadow: 0 15px 20px rgba(213, 233, 244,1);
}

.uk-tab::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 0;
    border-bottom: 1px solid #D5E9F4;
}

.uk-tab>*>a {
    border-bottom: 2px solid transparent;
}

.uk-search-navbar .uk-search-input {
    font-family: 'Quicksand', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
}

.uk-card-default {
    border-radius: 5px;
    color: #888888;
    box-shadow: 0 5px 15px rgba(213, 233, 244,1);
}

.uk-card-default .uk-card-title {
    color: #7D7D9D;
}

.uk-card-default.uk-card-hover:hover {
    background-color: #fff;
    box-shadow: 0 15px 30px rgba(213, 233, 244,1);
}

.uk-table th {
    font-weight: 600;
    color: #9797B1;
}

.uk-accordion-title {
    border: 1px solid #E4F1FF;
    border-radius: 5px;
    padding: 8px;
    color: #7D7D9D;
}

.uk-accordion-title:active, .uk-accordion-title:hover {
    background-color: #F1F8FF;
    color: #5C5C85;
    border-radius: 5px;
    box-shadow: 1px 1px 3px 1px rgba(0,0,0, 0.03);
    padding: 8px;
}

.uk-alert {
    padding: 8px 16px;
    border-radius: 5px;
}

.uk-form-label {
    color: #777;
    font-size: 1em;
    padding: 8px 0px;
}

.uk-input.invalid-input,
.uk-select.invalid-input,
.uk-textarea.invalid-input {
    border: solid;
    border-width: 1px;
    border-color: #FF4C4C;
    background-color: #FFFBFC;
}

.uk-input.valid-input,
.uk-select.valid-input,
.uk-textarea.valid-input {
    border: solid;
    border-width: 1px;
    border-color: #7FE67F;
}