diff --git a/static/style.css b/static/style.css index fae6f25..824ae73 100644 --- a/static/style.css +++ b/static/style.css @@ -60,10 +60,34 @@ body { #name { display: inline; - font-size: 7em; + font-size: 2em; transition: var(--transition-duration); } +@media (min-width: 320px) { + #name { + font-size: 3em; + } +} + +@media (min-width: 480px) { + #name { + font-size: 4em; + } +} + +@media (min-width: 640px) { + #name { + font-size: 5.5em; + } +} + +@media (min-width: 800px) { + #name { + font-size: 7em; + } +} + #name em { color: var(--light-purple); font-style: normal;