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

View File

@ -70,22 +70,38 @@ html, body {
font-family: 'Comic Code', sans-serif;
overflow-x: hidden;
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 {
color: var(--text);
font-size: 2.5rem;
font-weight: 700;
text-align: center;
}
.HiIm {
color: var(--text);
display:inline-block;
display: inline-block;
}
.name {
color: var(--mauve);
display:inline-block;
display: inline-block;
}
.intro-text {
padding: 1vh;
}

View File

@ -37,9 +37,14 @@
<link href="css/index.css" rel="stylesheet" />
</head>
<body>
<div class="intro-header">
<div class="HiIm">Hi, I'm </div>
<div class="name">Ari</div>
<div class="intro">
<div class="intro-header">
<div class="HiIm">Hi, I'm </div>
<div class="name">Ari</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>
<script src="js/index.js"></script>