-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (110 loc) · 3.22 KB
/
index.html
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
<!DOCTYPE html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"="width=devicewidth, initial-=1.0">
<title>BRAINROT AND INSANITY</title>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css2?family=Brain+Flower&display=swap">
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
<link rel="icon" type="image/x-icon" href="https://raw.githubusercontent.com/FFUV/BRAINROT/main/favicon.ico">
<style>
body {
font-family: 'Brain Flower', cursive;
background-color: #000;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
overflow: hidden;
}
.container {
position: relative;
text-align: center;
max-width: 800px;
}
.header {
font-size: 4rem;
margin-bottom: 0.5rem;
text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5);
animation: blink 1s ease-in-out infinite;
}
.header:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) rotate(-10deg);
width: 100%;
height: 100%;
background-color: rgba(255, 0, 0, 0.1);
z-index: -1;
}
.intro {
font-size: 1.5rem;
line-height: 1.5;
text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
animation: fadeIn 2s ease-in-out;
}
.cta {
margin-top: 3rem;
}
.button {
display: inline-block;
padding: 10px 20px;
margin: 10px 0px;
border-radius: 5px;
background-color: #ff0000;
color: #fff;
text-decoration: none;
font-size: 16px;
transition: background-color 0.3s;
}
.button:hover {
background-color: #ff5757;
}
@keyframes blink {
0% {
text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5);
}
50% {
text-shadow: 2px 2px 4px rgba(255, 0, 0, 0);
}
100% {
text-shadow: 2px 2px 4px rgba(255, 0, 0, 0.5);
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
</style>
</head>
<body>
<div class="container">
<div class="header">BRAINROT AND INSANITY</div>
<p class="intro">
Welcome to the twisted realm of the human mind, where insanity reigns supreme.
We are the masters of chaos, the pioneers of the abyss, the ones who dare to
venture into the depths of the human psyche. Our team of mad scientists and
unhinged visionaries are dedicated to pushing the boundaries of what is sane,
and we are constantly exploring new ways to drive you to the brink of madness.
Whether it's through our groundbreaking research and development efforts, or our
commitment to collaboration and transparency, we are passionate about making
the world a more unstable place. Join us on this journey into the heart of
darkness, where the only certainty is uncertainty, and the only truth is that
there are no truths. Embrace the insanity, and let us guide you into the depths
of your own mind.
</p>
<div class="cta">
<a href="#" class="button">Descend into the Abyss</a>
</div>
</div>
</body>
</html>