diff --git a/public/style.css b/public/style.css index 3eae408..573c94d 100644 --- a/public/style.css +++ b/public/style.css @@ -1,24 +1,53 @@ body { - font-family: sans-serif; - margin: auto; - max-width: 1280px; + background-color: white; + font-family: monospace; } -.navbar { - background-color: #313236; - border-radius: 2px; - max-width: 800px; +.navfoot { + background-color: #444444; + color: #white; } -.navbar a { - color: #aaa; - display: inline-block; - font-size: 15px; - padding: 10px; - text-decoration: none; +.about { + font-size: 120%; } -.navbar a:hover { - color: #ffffff; +p { + text-align: justify; } +.tooltip { + position: relative; + display: inline-block; +} + +.tooltip .tooltiptext { + visibility: hidden; + width: 125px; + background-color: #444444; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + bottom: 125%; + left: 50%; + margin-left: -60px; +} + +.tooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 100%; + left: 50%; + margin-left: -5px; + border-width: 5px; + border-style: solid; + border-color: #444444 transparent transparent transparent; +} + +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +}