diff --git a/css/nutmeg.css b/css/nutmeg.css index 68285d7..063eeec 100644 --- a/css/nutmeg.css +++ b/css/nutmeg.css @@ -75,6 +75,7 @@ display: flex; .gif{ max-width: 500px; max-height: 400px; + margin-left: 30px; } .box{ display: -webkit-box; @@ -107,7 +108,7 @@ display: flex; } @media(max-width:400px){ .gif{ - max-width: 500px; + max-width: 300px; max-height: 300px; } a{ diff --git a/css/style.css b/css/style.css index b024006..3f291f1 100644 --- a/css/style.css +++ b/css/style.css @@ -191,6 +191,20 @@ a.fab:hover{ typing 3.5s steps(30, end), blink-caret .5s step-end infinite; } + .typewriter .type { + color: black; + overflow: hidden; /* Ensures the content is not revealed until the animation */ + white-space: nowrap; /* Keeps the content on a single line */ + margin: 0 auto; /* Gives that scrolling effect as the typing happens */ + letter-spacing: .15em; /* Adjust as needed */ + -webkit-animation: + typing 3.5s steps(30, end), + blink-caret .5s step-end infinite; + animation: + typing 3.5s steps(30, end), + blink-caret .5s step-end infinite; + } + /* The typing effect */ @-webkit-keyframes typing { diff --git a/farmhouse.html b/farmhouse.html index 0553999..3b785fd 100644 --- a/farmhouse.html +++ b/farmhouse.html @@ -4,11 +4,25 @@
The farmhouse cafe project was the final project for my Web II course where we redesigned a website that had an old or outdated design. This website is fully responsive and features an elegant and modern design.
+