update styling of /

This commit is contained in:
Ray Elliott 2020-05-02 20:29:38 +01:00
parent 8315446899
commit 7480359a60
1 changed files with 26 additions and 15 deletions

41
dist/index.html vendored
View File

@ -7,34 +7,45 @@
<title>rayelliott.dev</title> <title>rayelliott.dev</title>
<link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap" rel="stylesheet">
<style> <style>
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
font-size: 100%; font-size: 100%;
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
color: #010101; padding: 1rem 0;
padding: 1em; box-sizing: border-box;
box-sizing: border-box; text-align: center;
text-align: center; margin: 0;
margin: 0; font-family: 'Permanent Marker', cursive;
font-family: 'Permanent Marker', cursive; color: #3f3d56;
} }
h1 { h1 {
font-size: 4em; font-size: 4em;
margin-bottom: 0; margin-bottom: 0;
color: #536dfe;
padding-left: 1em;
padding-right: 1em;
} }
p { p {
padding-left: 1em;
padding-right: 1em;
font-size: 2em; font-size: 2em;
} }
a { a {
font-size: 1.1em; font-size: 1.1em;
} }
a:link,
a:visited,
a:hover,
a:active {
color: #536dfe;
}
svg { svg {
width: 100%; width: 100%;