diff --git a/css/style.css b/css/style.css index e6f6e1b..f449f8e 100644 --- a/css/style.css +++ b/css/style.css @@ -44,4 +44,46 @@ font-size: 1.5em; } } + ul { + margin: 5vw 0 0 0; + width: 50%; + li { + position: relative; + background-color: #0000007a; + border-radius: 100vw; + border: solid 2px var(--btn); + display: flex; + align-items: center; + justify-content: center; + padding: 1dvw; + width: 100%; + input { + width: 90%; + font-size: 1em; + /*text-align: center;*/ + background: transparent; + border: none; + } + input:focus { + outline: none; + } + a { + position: absolute; + right: 0dvh; + background: var(--btn); + border-radius: 100vw; + cursor: pointer; + margin: 0.5dvw; + width: 3dvw; + height: 3dvw; + display: flex; + justify-content: center; + align-items: center; + transition: 0.3s; + } + a:hover { + background-color: var(--btn-dark); + } + } + } }