jinyuy2.github.io/styles.css at main · jinyuy2/jinyuy2.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
body {
  margin: 0;
  text-align: center;
  min-height: 100vh;
  background: url("data:image/svg+xml,%3Csvg opacity='0.15' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpath id='a' d='M-10 0A10 10 0 000-10 10 10 0 0010 0 10 10 0 000 10 10 10 0 00-10 0'/%3E%3C/defs%3E%3Cuse href='%23a' transform='matrix(.4 0 0 .4 25 25)'/%3E%3Cuse href='%23a' transform='matrix(.7 0 0 .7 75 25)'/%3E%3Cuse href='%23a' transform='matrix(.35 0 0 .35 75 75)'/%3E%3Cuse href='%23a' transform='matrix(.6 0 0 .6 25 75)'/%3E%3C/svg%3E"), hsl(0, 0%, 95%);
    background-size: 100px;
    font-family: 'PT Sans Caption', sans-serif;
}
#paragraph1 {
    text-align: left;
}

form {
    margin-top: 10px;
}
h1 {
    font-family: 'Montserrat', sans-serif;
}
a {
    color: hotpink;
    text-decoration: none;
    font-weight: 700;
}
#root {
    background: hsl(0, 0%, 100%);
    padding: 1rem;
    max-width: 800px;
    margin: 0 auto;
}
#root > * + * {
    margin-top: 1rem;
}
svg {
  background: #BCEDA0;
  border: 1px solid yellow;
  border-radius: 3px;
  box-shadow: 2px 2px 5px gray
}