/*
Theme Name: coinXTM
Text Domain: coinXTM
Version: 1.0
Description: only design for coinxtm.com. Using in other websites are not allowed.
Author: Taylor M
Author URI: https://taylorm.design
*/

@font-face {
    font-family: "Alliance";
    src: url("../font/Alliance.woff2") format("woff2");
}

@font-face {
    font-family: "Marion";
    src: url("../font/Marion.woff2") format("woff2");
}

@font-face {
    font-family: "Ageya";
    src: url("../font/Ageya.woff2") format("woff2");
}

@font-face {
    font-family: "Hello-Paris";
    src: url("../font/Hello-Paris.woff2") format("woff2");
}

@font-face {
    font-family: "Kimberlie-Display";
    src: url("../font/Kimberlie-Display.woff2") format("woff2");
}

@font-face {
    font-family: "Matter";
    src: url("../font/Matter.woff2") format("woff2");
}

html, body, header, footer, section, div, h1, h2, h3, h4, h5, h6, a, p, span, strong, nav, ul, li {
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
}

html, body, footer{
    max-width: 100vw;
	overflow-x: hidden;
}

html {
    background: #242424;
}

html, body {
	-webkit-font-smoothing: antialiased;
	height:auto !important;
}

html::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #242424;
}

html::-webkit-scrollbar {
    background-color: #242424;
}

html::-webkit-scrollbar-thumb {
    background-color: #C0AAFF;
}


footer {
    position: relative;
}

header {
    position: fixed;
    top: 0;
    left: 0;
	z-index: 100;
}

h1, h2, h3, p, strong, span, a {
    font-weight: 400;
    line-height: 1.4;
}

h1 {
    font-family: "Alliance", 'san-serif';
}

h2 {
    font-family: "Marion", 'san-serif';
}

h3 {
    font-family: "Hello-Paris", 'san-serif'
}

h4 {
	font-family: "Ageya", 'san-serif';
}

span, p, a,button {
    font-family: "Matter", 'san-serif';
    letter-spacing: -.03rem;
}

a {
    text-decoration: none;
    cursor: pointer;
}

strong {
    color: #C0AAFF;
	font-weight: 600;
}

li {
    list-style: none;
    background-image: none;
}