diff --git a/css/components/action.css b/css/components/action.css new file mode 100644 index 0000000..0bc8e7d --- /dev/null +++ b/css/components/action.css @@ -0,0 +1,9 @@ +a{ + display: inline-flex; + align-items: center; + color: #EDEDED; + font-size: 21px; + font-weight: 600; + text-decoration: none; + margin-right: 30px; +} \ No newline at end of file diff --git a/css/components/box.css b/css/components/box.css index 13dd4dc..1d5160d 100644 --- a/css/components/box.css +++ b/css/components/box.css @@ -1,4 +1,4 @@ -#box{ +.box{ display: inline-block; background-color: #3A4042; box-shadow: 8px 8px 2px #000; @@ -6,6 +6,6 @@ padding: 42px 44px; } -#box h1{ +.box .title{ margin-bottom: 28px; } \ No newline at end of file diff --git a/css/components/header.css b/css/components/header.css new file mode 100644 index 0000000..34fb08d --- /dev/null +++ b/css/components/header.css @@ -0,0 +1,8 @@ +.header{ + display: flex; + justify-content: space-between; + align-items: center; + background-color: #1e90ff; + border-bottom: 5px solid #2e2e2e;; + padding: 10px 20px; +} \ No newline at end of file diff --git a/css/components/subtitle.css b/css/components/subtitle.css index 5b864bb..ae5639e 100644 --- a/css/components/subtitle.css +++ b/css/components/subtitle.css @@ -1,4 +1,4 @@ -h2{ +.subtitle{ font-size: 30px; font-family: "Fira Code", sans-serif; text-shadow: 4px 4px 0 #000; diff --git a/css/components/title.css b/css/components/title.css index 6d99368..6b3916e 100644 --- a/css/components/title.css +++ b/css/components/title.css @@ -1,4 +1,4 @@ -h1.title{ +.title{ font-family: "Fira Code", sans-serif; text-shadow: 3px 3px 0px #2e2e2e;; font-size: 40px; diff --git a/css/index.css b/css/index.css deleted file mode 100644 index 5f8cd3e..0000000 --- a/css/index.css +++ /dev/null @@ -1,28 +0,0 @@ -header{ - display: flex; - justify-content: space-between; - align-items: center; - background-color: #1e90ff; - border-bottom: 5px solid #2e2e2e;; - padding: 10px 20px; -} - -h1{ - font-family: "Fira Code", sans-serif; - color: #EDEDED; - text-shadow: 3px 3px 0px #2e2e2e;; -} - -nav{ - text-align: right; -} - -a{ - display: inline-flex; - align-items: center; - color: #EDEDED; - font-size: 21px; - font-weight: 600; - text-decoration: none; - margin-right: 30px; -} \ No newline at end of file diff --git a/index.html b/index.html index 3f2d777..19e930c 100644 --- a/index.html +++ b/index.html @@ -8,29 +8,30 @@ - + + -
+

BP

-
+

Bruno Pinheiro

-

FrontEnd Developer

+

FrontEnd Developer

Download CV Contatos