a
/
a.stupid.cat
mirror of https://github.com/AriTheStupidCat/a.stupid.cat.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Styling Bullshit

This commit is contained in:
ImBadAtThisStuff 2026-05-29 01:11:00 +01:00
parent 1efe47c431
commit 40898f31e6
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
css/index.css
View File

@ -70,14 +70,25 @@ html, body {
font-family: 'Comic Code', sans-serif; font-family: 'Comic Code', sans-serif;
overflow-x: hidden; overflow-x: hidden;
max-width: 100vw; max-width: 100vw;
margin: 0;
min-height: 100vh;
}
body {
display: flex;
justify-content: center;
}
.intro {
margin-top: 25vh;
color: var(--text);
text-align: center;
padding: 5vh
} }
.intro-header { .intro-header {
color: var(--text);
font-size: 2.5rem; font-size: 2.5rem;
font-weight: 700; font-weight: 700;
text-align: center;
} }
.HiIm { .HiIm {
@ -89,3 +100,8 @@ html, body {
color: var(--mauve); color: var(--mauve);
display: inline-block; display: inline-block;
} }
.intro-text {
padding: 1vh;
}

5
index.html
View File

@ -37,10 +37,15 @@
<link href="css/index.css" rel="stylesheet" /> <link href="css/index.css" rel="stylesheet" />
</head> </head>
<body> <body>
<div class="intro">
<div class="intro-header"> <div class="intro-header">
<div class="HiIm">Hi, I'm </div> <div class="HiIm">Hi, I'm </div>
<div class="name">Ari</div> <div class="name">Ari</div>
</div> </div>
<div class="intro-text">
I'm a 17 Year Old devloper from <b>England, United Kingdom</b> who isn't very good at what they do, but, they try to help out whenever and wherever they can
</div>
</div>
</body> </body>
<script src="js/index.js"></script> <script src="js/index.js"></script>
</html> </html>