@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;700&display=swap');
body { font-family: 'Outfit', sans-serif; background-color: #0a0a0a; color: #e5e7eb; }

main{
	height: 100vh;
	scrollbar-width: thin;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	scrollbar-color: rgba(255, 255, 255, .18) transparent;
    animation:fadeIn .7s ease;
}

@keyframes fadeIn{
    from{
        opacity:0;
        transform:translateY(18px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

.neon-border{
    transition:.25s;
}

.neon-border:hover{
	border-color:#00ff9f;
	transform:translateY(-4px) scale(1.01);
	box-shadow:0 0 25px rgba(0,255,159,.15);
}

#domains{
    min-height: calc(100vh - 3rem);;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.snatch{
	color: #ffa0b4;
}

.bg-neutral-900 {
	--tw-bg-opacity:0.3! important;
}