Skip to content
This repository was archived by the owner on May 12, 2025. It is now read-only.

Commit 10a917a

Browse files
kawsarlogkawsarlog
authored
Add files via upload
1 parent aad5844 commit 10a917a

2 files changed

Lines changed: 150 additions & 0 deletions

File tree

‎static/cursor.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎static/style.css‎

Lines changed: 149 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,149 @@
1+
/* Body Styling */
2+
body {
3+
font-family: 'Arial', sans-serif;
4+
font-size: 17px;
5+
margin: 0;
6+
padding: 0;
7+
background-color: #f9f9f9;
8+
color: #333;
9+
}
10+
11+
/* Container Styling */
12+
.container {
13+
max-width: 800px;
14+
margin: 0 auto;
15+
padding: 20px;
16+
background-color: #fff;
17+
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
18+
}
19+
20+
/* Heading Styling */
21+
h1, h2 {
22+
font-weight: 600;
23+
margin-bottom: 20px;
24+
}
25+
26+
h1 {
27+
font-size: 36px;
28+
}
29+
30+
a {
31+
font-size: 25px;
32+
}
33+
34+
h2 {
35+
font-size: 28px;
36+
}
37+
38+
/* Paragraph Styling */
39+
p {
40+
line-height: 1.5;
41+
}
42+
43+
/* List Styling */
44+
ul {
45+
list-style: disc;
46+
margin-left: 20px;
47+
}
48+
49+
/* Code Styling */
50+
code {
51+
background-color: #000000;
52+
padding: 2px 4px;
53+
font-family: Consolas, monospace;
54+
color: aliceblue;
55+
}
56+
57+
/* Link Styling */
58+
a {
59+
color: #337ab7;
60+
text-decoration: none;
61+
}
62+
63+
a:hover {
64+
text-decoration: underline;
65+
}
66+
#custom-cursor {
67+
position: fixed;
68+
top: 0;
69+
left: 0;
70+
width: 50px;
71+
height: 50px;
72+
pointer-events: none;
73+
z-index: 9999;
74+
background: transparent url('cursor.svg') center/cover no-repeat;
75+
cursor: none;
76+
}
77+
78+
79+
footer {
80+
background-color: #f9f9f9;
81+
padding: 20px;
82+
text-align: center;
83+
margin-top: 50px;
84+
}
85+
86+
/* footer */
87+
footer {
88+
background-color: #f9f9f9;
89+
padding: 20px;
90+
text-align: center;
91+
margin-top: 50px;
92+
}
93+
94+
footer p {
95+
font-size: 14px;
96+
color: #888;
97+
}
98+
99+
.contact-info {
100+
margin-top: 20px;
101+
}
102+
103+
.contact-info p {
104+
font-weight: bold;
105+
font-size: 16px;
106+
}
107+
108+
.contact-info ul {
109+
list-style-type: none;
110+
padding: 0;
111+
margin-top: 10px;
112+
}
113+
114+
.contact-info li {
115+
margin-bottom: 5px;
116+
}
117+
118+
.contact-info a {
119+
color: #007bff;
120+
text-decoration: none;
121+
}
122+
123+
.contact-info a:hover {
124+
color: #0056b3;
125+
}
126+
127+
.contact-info .linkedin-icon {
128+
display: inline-block;
129+
vertical-align: middle;
130+
margin-right: 5px;
131+
}
132+
133+
.contact-info .email-icon {
134+
display: inline-block;
135+
vertical-align: middle;
136+
margin-right: 5px;
137+
}
138+
139+
.contact-info .linkedin-icon svg,
140+
.contact-info .email-icon svg {
141+
width: 20px;
142+
height: 20px;
143+
fill: #007bff;
144+
}
145+
146+
147+
body {
148+
cursor: none;
149+
}

0 commit comments

Comments
 (0)