diff --git a/animation.css b/animation.css new file mode 100644 index 0000000..e0a4036 --- /dev/null +++ b/animation.css @@ -0,0 +1,5 @@ +.box{ + display:flex; + background-color: aqua; + justify-content: center; +} \ No newline at end of file diff --git a/animation.html b/animation.html new file mode 100644 index 0000000..e39d2c8 --- /dev/null +++ b/animation.html @@ -0,0 +1,14 @@ + + + + + + Document + + + +
+

YOOO

+
+ + \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..3ac06ea --- /dev/null +++ b/index.html @@ -0,0 +1,43 @@ + + + + + + Document + + + + +
+

History of Cartoon Styles

+
+ + + + +
+ + Rubber Hose + + +
+ +
+ +
+ + + + + + + + + + + \ No newline at end of file diff --git a/page2.html b/page2.html new file mode 100644 index 0000000..6316f98 --- /dev/null +++ b/page2.html @@ -0,0 +1,37 @@ + + + + + + Document + + + + +
+

History of Cartoon Styles

+
+ + + + +
+ + Rubber Hose + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/rubberhosestyle.jpg b/rubberhosestyle.jpg new file mode 100644 index 0000000..cd90c58 Binary files /dev/null and b/rubberhosestyle.jpg differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..8c0e1d8 --- /dev/null +++ b/style.css @@ -0,0 +1,50 @@ +html{ + background-color: #2e4e58; +} + + + + +.Titlecontainer{ + display: flex; + justify-content: center; + width: 960px; + margin-left: auto; + margin-right: auto; + border-radius: 20px; + + + +} + +#title{ + font-family: Arima; + color: peachpuff; + font-size: 50px; + +} + +.navcontainer{ + + background-color: antiquewhite; + width: 960px; + margin-left: auto; + margin-right: auto; + display: flex; + justify-content: center; +} + +.navcontainer a{ + color: black; + font-size: 20px; + padding-left: 40px; + padding-right: 40px; + text-decoration: wavy +} + +.navcontainer :hover{ + + background-color: white; + border-radius: 20px; +} +