portfolio/index.css at main · Anurup-R-Krishnan/portfolio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {

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

    body {
        background-color: #f0f0f0;
        background-image: radial-gradient(#121212 1px, transparent 1px);
        background-size: 24px 24px;
        transition: background-color 0.5s cubic-bezier(0.4, 0, 0.2, 1), color 0.5s ease;
    }

    .dark body {
        background-color: #000000;
        background-image: radial-gradient(#1a1a1a 1px, transparent 1px);
        color: #a1a1aa;
    }
}

@layer utilities {
    .dark .bg-white {
        background-color: #080808 !important;
        color: #e4e4e7;
    }

    .dark .text-neo-black {
        color: #e4e4e7 !important;
    }

    .dark .border-neo-black {
        border-color: #ffffff !important;
    }

    .dark .shadow-neo {
        box-shadow: 5px 5px 0px 0px #ffffff !important;
    }

    .dark .shadow-neo-sm {
        box-shadow: 3px 3px 0px 0px #ffffff !important;
    }

    .dark .shadow-neo-lg {
        box-shadow: 8px 8px 0px 0px #ffffff !important;
    }

    .dark .hover\:shadow-none:hover {
        box-shadow: 0 0 0 0 transparent !important;
    }

    .dark .bg-neo-yellow {
        background-color: #0f0f0f !important;
        color: #a1a1aa !important;
    }

    .dark .bg-neo-blue {
        background-color: #0e4e50 !important;
        color: #67e8f9 !important;
    }

    .dark .bg-neo-pink {
        background-color: #701a3d !important;
        color: #fda4af !important;
    }

    .dark .bg-neo-green {
        background-color: #14532d !important;
        color: #86efac !important;
    }
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border-left: 3px solid black;
}

.dark ::-webkit-scrollbar-track {
    background: #000000;
    border-left: 3px solid #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #000000;
}

.dark ::-webkit-scrollbar-thumb {
    background: #27272a;
    border: 3px solid #000000;
    border-radius: 6px;
}

@media (pointer: fine) {
    body {
        cursor: none;
    }

    a,
    button,
    input,
    textarea,
    select {
        cursor: none;
    }
}