diff --git a/css/uv.css b/css/uv.css new file mode 100644 index 0000000..b4d3b23 --- /dev/null +++ b/css/uv.css @@ -0,0 +1,48 @@ +@keyframes fadeInAnimation { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +body { + margin: 0; + background: #222; + display: flex; + flex-direction: column; + min-height: 100vh; + animation-iteration-count: 1; + animation-fill-mode: forwards; +} + +form { + display: flex; + justify-content: center; + margin-top: 9em; +} + +form input { + background: none; + font-family: inherit; + padding: 0px 17px; + height: 48px; + border: 1px solid rgb(255, 255, 255, .2); + color: var(--text-color); + border-radius: 3px; + outline: none; + width: 350px; + margin-top: 5px; + border-radius: 50px; + color: #FFF; + background-color: #111; +} + +form input:focus { + border: 1px solid rgba(253, 253, 253, 0.514); + border-radius: 6px; + animation: fadeInAnimation ease-in-out 0.3s; + animation-iteration-count: 1; + animation-fill-mode: forwards; +}