Emi
/
emii.gay
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Rework the styling to make it pretty

This commit is contained in:
Emi Simpson 2021-10-12 21:19:04 -04:00
parent 9ea447c447
commit 6caa872c8b
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG Key ID: A12F2C2FFDC3D847
2 changed files with 154 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -6,7 +6,6 @@
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div id="wrap">
<header>
<p>Welcome to</p>
<h1>Emi's Homepage</h1>
@ -111,6 +110,5 @@
</a></p>
</section>
</main>
</div>
</body>
</html>

51
style.css
View File

@ -1,8 +1,57 @@
/* Basic styling */
body {
background-color: #2A1A35;
margin: 0;
color: white;
font-family: Comic Mono;
}
/* Setting up the centered content */
section {
display: grid;
justify-content: center;
padding: 50px 0;
}
section > * {
max-width: 700px;
}
/* Styles for the header */
header p:first-of-type {
font-size: 2em;
}
h1 {
font-size: 5em;
margin-top: 15px;
margin-bottom: 15px;
}
header {
text-align: center;
height: 100vh;
display: grid;
align-content: center;
background-color: #2A1A35;
}
/* Color Scheme */
h1, a {
color: #AA89FD;
}
h2 {
color: #B50085;
}
section:nth-child(1) {
background-color: #26182F;
}
section:nth-child(2) {
background-color: #211629;
}
section:nth-child(3) {
background-color: #1D1422;
}
section:nth-child(4) {
background-color: #18121C;
}
section:nth-child(5) {
background-color: #141016;
}