Styling Bullshit
This commit is contained in:
parent
1efe47c431
commit
40898f31e6
|
|
@ -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;
|
||||
|
||||
}
|
||||
11
index.html
11
index.html
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue