/* =============================================================================  CSS RESET ============================================================================= */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video, xmp { border: 0; margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
b, strong {font-weight: bold;}
img {line-height: 0; vertical-align: middle;}
ol, ul {list-style: none;}
li {display: list-item;}
table {border-collapse: collapse; border-spacing: 0;}
th, td, caption {font-weight: normal; vertical-align: top; text-align: left;}
svg {overflow: hidden;}
a:active{outline: none;}
a:focus{ outline: none;}
:focus {outline: 0;}
textarea {resize:vertical;}

/* remove outline form */
:not(output):-moz-ui-invalid {box-shadow:none !important;border-bottom:1px solid #f3bf21;}

/* image */
img{max-width: 100%;height: auto;}

/* selection */
::selection {background:#c5c5c5;}
::-moz-selection {background:#c5c5c5;}

/* clear */
.clearfix:before, .clearfix:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0;}
.clearfix:after {clear: both;}

/* iphone style */
input.text,
input[type="text"],
input[type="email"],
input[type="button"],
input[type="submit"],
.input-checkbox {
    -webkit-appearance: none;
    border-radius: 0;
}

/* link default */
a[href^="tel"]:link,
a[href^="tel"]:visited,
a[href^="tel"]:hover {
color: inherit;}

a{
    text-decoration:none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}
a:hover{
    text-decoration:none;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}

/* list */
ul {list-style: none;padding: 0;}
ul.default {list-style-type: square;margin:0 0 0 0;padding:0 0 0 0;}

/* Scrollbar — quiet, material */
*{
    scrollbar-width: thin;
    scrollbar-color: #2a2d33 #0f1114;
}

*::-webkit-scrollbar{
    width: 10px;
}

*::-webkit-scrollbar-track{
    background: #0f1114;
}

*::-webkit-scrollbar-thumb{
    background-color: #2a2d33;
    border-radius: 20px;
    border: 2px solid #0f1114;
}

/* ============================================================================
    ALL
============================================================================ */
*{ box-sizing: border-box; }

html, body { height: 100%; }

body{
    margin:0;
    background:#0b0c0f;
    position:relative;
    color: var(--text);
    font-family: "EB Garamond", serif;
    letter-spacing: 0.2px;
}

body::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    pointer-events:none;

    background:
            linear-gradient(to bottom, #0b0c0f 0%, #0a0b0e 35%, #07080b 100%),
            radial-gradient(120% 120% at 50% 0%, rgba(255,255,255,.045), transparent 55%),
            radial-gradient(140% 140% at 50% 50%, rgba(0,0,0,.10), rgba(0,0,0,.92));
}


a{ color: inherit; text-decoration: none; }
a:hover{ text-decoration: underline; text-underline-offset: 4px; }

/* links */
a.default-link {color:#fff;outline:none;text-decoration:underline;}
a.default-link:hover {color:#fff;outline:none;text-decoration:none;}