diff --git a/index.html b/index.html index 5dc631c..c6fdfa9 100644 --- a/index.html +++ b/index.html @@ -78,7 +78,7 @@ Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. Aenean faucibus neque id nibh facilisis auctor.

- + @@ -94,7 +94,7 @@ Nulla sit amet turpis nec turpis rhoncus venenatis. Sed nec malesuada quam. Aenean faucibus neque id nibh facilisis auctor.

- +
@@ -122,11 +122,25 @@
- +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. + Proin felis lectus, feugiat in eros sit amet, venenatis euismod + urna. Aliquam id porttitor erat, vitae dapibus velit. Praesent + id felis tincidunt,

+
+ +
+ + diff --git a/style.css b/style.css index 41c42fc..82d34c1 100644 --- a/style.css +++ b/style.css @@ -18,6 +18,16 @@ h1,h2,h3,h4,h5,p{ border: red dotted 2px; } +.button{ + padding-left: 8px; + padding-right: 8px; + padding-top: 5px; + padding-bottom: 5px; + border: none; + border-radius: 6px; + cursor: pointer; +} + #welcome_div{ width: 100vw; height: 100vh; @@ -150,7 +160,7 @@ h1,h2,h3,h4,h5,p{ .feature_div{ width: 75%; margin: auto; - margin-top: 30px; + margin-top: 40px; display: flex; flex-direction: row; flex-wrap: wrap; @@ -178,13 +188,7 @@ h1,h2,h3,h4,h5,p{ margin-top: 20px; } .feature_button{ - padding-left: 8px; - padding-right: 8px; - padding-top: 5px; - padding-bottom: 5px; background-color: aqua; - border: none; - border-radius: 6px; font-size: 1.3em; } @@ -220,8 +224,9 @@ h1,h2,h3,h4,h5,p{ max-height: 600px; width: 100%; height: 100%; - background-color: #A58181; + background-color: #2c2b2b; border-radius: 8px; + border: 2px #EAEAEA solid; } .project_picture{ height: 200px; @@ -232,4 +237,15 @@ h1,h2,h3,h4,h5,p{ .project_picture img{ width: 100%; height: 100%; -} \ No newline at end of file +} +.project_description{ + width: 90%; + margin: auto; + font-size: 1.1em; + margin-bottom: 20px; +} +.project_button{ + background-color: rgb(65, 185, 61); + font-size: 1.1em; +} +