html, body {
    @apply
    overflow-x-hidden
    text-vd-white
    m-0
    scroll-smooth
}

body {
    @apply
    min-h-screen;
    background: linear-gradient(180deg, rgba(18, 18, 18, 1) 0%, rgba(45, 55, 72, 1) 100%);
}

h1 {
    @apply mt-2 mb-4 text-2xl leading-9 font-bold;
}
h2 {
    @apply
    mt-1 mb-2 text-xl font-medium
    lg:text-2xl;
}
h3 {
    @apply text-lg font-medium;
}
p {
    @apply paragraph;
}

hr {
    border: none;
}

input, select, textarea {
    @apply outline-none
}

blockquote {
    @apply paragraph;
    @apply italic;
}

.page-margins {
    @apply mt-8 mx-mobile md:mx-tablet lg:mx-desktop xl:mx-ldesktop;
}

.page-paddings {
    @apply pt-8 px-mobile md:px-tablet lg:px-desktop xl:px-ldesktop;
}

.paragraph {
    @apply mt-1 mb-4 leading-6;
}