hackmatrix-portal / style.css
geetorus01's picture
I want to clone this website with background matrix effect
24b47cd verified
raw
history blame contribute delete
969 Bytes
/* Custom styles that can't be done with Tailwind */
@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400;700&display=swap');
body {
font-family: 'Source Code Pro', monospace;
line-height: 1.6;
}
/* Matrix effect styles */
canvas#matrix {
background-color: #000;
}
/* Smooth scroll */
html {
scroll-behavior: smooth;
}
/* Mobile menu */
.mobile-menu {
display: none;
}
.mobile-menu.active {
display: flex;
flex-direction: column;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: rgba(0, 0, 0, 0.95);
padding: 1rem;
z-index: 1000;
}
/* Section transitions */
section {
transition: all 0.3s ease;
}
/* Custom scrollbar */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #111;
}
::-webkit-scrollbar-thumb {
background: #10B981;
border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
background: #059669;
}