FrontKitTutorial/A3_Gokul_Krishna_Home.css at main · gokulkrishnakotta/FrontKitTutorial · 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
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
@charset "UTF-8";

/*

CIS 145 Assignment 3: Web Development Tutorial Style Sheet
Author: Gokul Krishna
Date: March 31, 2023

Filename: A3_Gokul_Krishna_Home.css

*/

/* HTML Styles */

html {
    background-image: url(A3_homeBackground.jpg);
}

/* Header Styles */

header {
    font-size: 3em;
    text-align: center;
    text-shadow: black 3px 2px 3px;
    color: greenyellow;
    background: royalblue;
    line-height: 1.3em;
}

/* Heading Styles */

h1 {
    margin: 14px;
    font-size: 1.5em;
}

/* Page Body Styles */

body {
    background-color: #FAEBD7;
    margin-left: auto;
    margin-right: auto;
    width: 850px;
    padding-bottom: 20px;
 }

 /* Figure and Image Styles */

 figure {
    width: fit-content;
    height: fit-content;
    margin-left: 17%;
    margin-top: 20px;
 }

 img {
    width: 550px;
 }

 figcaption {
    text-align: center;
    font-size: 1.8em;
 }