@import "tailwindcss";

::-moz-selection {
    color: white;
    background: black;
}

::selection {
    color: white;
    background: black;
}

img {
    pointer-events: none;
}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
* {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scrollbar-width: none;
    scroll-behavior: smooth;
}


.grid-pattern-container {
    background-color: #ffffff;
    position: relative;
    min-height: 100vh;
}

.grid-pattern-container::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400vw;
    height: 400vh;
    background-image:
        repeating-linear-gradient(to bottom, rgba(168, 168, 168, 0.171) 0, rgba(168, 168, 168, 0.171) 1px, transparent 1px, transparent 20px),
        repeating-linear-gradient(to right, rgba(168, 168, 168, 0.171) 0, rgba(168, 168, 168, 0.171) 1px, transparent 1px, transparent 20px);
    background-size: 15px 15px;
    transform: translate(-50%, -50%) rotate(41deg);
    z-index: 0;
    pointer-events: none;
}

.vault-content {
    position: relative;
    z-index: 10;
}