diff --git a/css/style.css b/css/style.css index b62bd93..d1f824a 100644 --- a/css/style.css +++ b/css/style.css @@ -14,7 +14,6 @@ } body.dark-theme { - --main-color: blue; --title-color: #eff3f5; --text-color: #c8cdd0; --light-text-color: #a0a7ac; @@ -37,6 +36,7 @@ body.dark-theme { html { font-size: 18px; font-family: var(--font-family); + text-wrap: balance; } body { @@ -79,16 +79,33 @@ a { } } +button { + background-color: var(--main-color); + color: white; + border: 0.088rem solid var(--main-color); + border-radius: 100vw; + padding: 0.6rem 1rem; + + &:hover { + background-color: var(--hover-color); + border-color: var(--hover-color); + color: white; + cursor: pointer; + } +} + /*
div { + background-color: var(--container-color); + height: 100%; + padding: var(--pg); + border-radius: 8px; +} + +.content-a > div { + display: grid; + place-content: center; + text-align: center; + + .bi-exclamation-octagon-fill { + color: white; + background-color: red; + width: fit-content; + margin: 0 auto; + border-radius: 100vw; + outline: 0.375rem solid rgba(255, 0, 0, 0.288); + padding: 0.4rem 0.7rem; + font-size: xx-large; + margin-bottom: 2rem; + } +} + +.content-b > div { + .mensaje-encriptado-content { + background-color: var(--border-color); + padding: 1rem; + border-radius: 8px; + margin: 1rem auto; + } + + .copy-btn-content { + display: flex; + justify-content: end; + } +} +/* - +