-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
71 lines (54 loc) · 1.42 KB
/
style.css
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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/*
The style rules specify elements by type and by attributes such as class and ID
Each section indicates an element or elements, then lists the style properties to apply
You can see that some of the selectors are already prepared for you, but everything is up to you
*/
/*
When you target Body the rules will apply to everything on your page
This is useful for implementing fonts or background
*/
/*
Try deleting this comment (leave the body selector) and see how it changes your page
You can use your own color and fonts of course
*/
body {
font-family: "Sono", sans-serif;
background-color: rgb(207, 255, 214);
}
/* Page structure - this will basically center everything to the center of the page*/
h1 {
color: blue;
}
h2 {
color: blue;
}
.wrapper {
display: grid;
place-items: center;
margin: 0 1rem;
}
.content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
/* I unfortunately don't have any idea what this fontface is called
I am not sure how to make it sans*/
}
/* Very light scaling for our logo */
.logo {
max-width: 420px;
max-height: 300px;
}
/* Main text area */
.main {
margin:15px 30px 20px;
max-width: 600px;
}
.box {
margin:0;
padding: 3px 20px;
border: 3px outset #000000;
width: 600;
height: float;
}