diff --git a/styles/fonts.css b/styles/fonts.css index 533a351..de6a31c 100644 --- a/styles/fonts.css +++ b/styles/fonts.css @@ -1,5 +1,14 @@ @font-face { - font-family: "Purisa-Bold"; + font-family: "Purisa"; + src: url("../fonts/Purisa.ttf") format("truetype"), + url("../fonts/Purisa.woff") format("woff"), + url("../fonts/Purisa.woff2") format("woff2"); + font-weight: 400; + font-style: normal; + } + +@font-face { + font-family: "Purisa"; src: url("../fonts/Purisa-Bold.ttf") format("truetype"), url("../fonts/Purisa-Bold.woff") format("woff"), url("../fonts/Purisa-Bold.woff2") format("woff2"); @@ -8,29 +17,19 @@ } @font-face { - font-family: "Purisa-BoldOblique"; - src: url("../fonts/Purisa-BoldOblique.ttf") format("truetype"), - url("../fonts/Purisa-BoldOblique.woff") format("woff"), - url("../fonts/Purisa-BoldOblique.woff2") format("woff2"); - font-weight: 700; - font-style: oblique; -} - -@font-face { - font-family: "Purisa-Oblique"; + font-family: "Purisa"; src: url("../fonts/Purisa-Oblique.ttf") format("truetype"), url("../fonts/Purisa-Oblique.woff") format("woff"), url("../fonts/Purisa-Oblique.woff2") format("woff2"); font-weight: 400; font-style: oblique; } - + @font-face { - font-family: "Purisa"; - src: url("../fonts/Purisa.ttf") format("truetype"), - url("../fonts/Purisa.woff") format("woff"), - url("../fonts/Purisa.woff2") format("woff2"); - font-weight: 400; - font-style: normal; -} - \ No newline at end of file + font-family: "Purisa"; + src: url("../fonts/Purisa-BoldOblique.ttf") format("truetype"), + url("../fonts/Purisa-BoldOblique.woff") format("woff"), + url("../fonts/Purisa-BoldOblique.woff2") format("woff2"); + font-weight: 700; + font-style: oblique; + } \ No newline at end of file diff --git a/styles/style.css b/styles/style.css index 22a4c7a..cb888d1 100644 --- a/styles/style.css +++ b/styles/style.css @@ -2,11 +2,13 @@ body { background-image: url("../images/paper-5985445_1920.jpg"); background-size: cover; background-color: rgb(221, 125, 104); - color: #eee; + color: #fff; text-align: center; height: 100vh; display: flex; flex-direction: column; + font-family: "Purisa", cursive; + text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5) } header { @@ -30,18 +32,22 @@ main { justify-content: center; } -.button { +button { width: 200px; - height: 200px; margin: 5px; + border-radius: 5px; + font-family: "Purisa", cursive; font-size: 30px; + font-weight: bold; + text-shadow: 2px 2px 4px rgba(233, 233, 233, 0.973) +} + +.button { + height: 200px; } .replay-button { - width: 200px; height: auto; - margin: 5px; - font-size: 30px; } #rock { @@ -90,4 +96,13 @@ main { footer { flex: 0 0 auto; + font-weight: bold; +} + +footer a { + color: #ebe5dc; +} + +footer a:hover { + text-decoration: none; } \ No newline at end of file