12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- .forms {
- background-color: #131341;
- width: fit-content;
- margin: 0 auto;
- padding: 2%;
- font-size: large;
- border-radius: 5%;
- box-shadow: 0 0 15px black;
- &__link {
- font-size: medium;
- display: block;
- text-decoration: none;
- border-left: 5px solid #05f09b;
- background-color: #100d23;
- color: #05f09b;
- margin: 5px;
- padding: 5px;
-
- &:hover {
- background-color: #323151;
- }
- }
- &__input {
- display: block;
- font-size: x-large;
- border-style: none;
- outline: none;
- background: transparent;
- margin: 5% 0 0 0;
- border-bottom: 2px solid gray;
- color: #83d6f6;
- &:focus {
- border-bottom: 2px solid #05f09b;
- color: #05f09b;
- }
- &:disabled {
- &::placeholder { color: rgba(128, 128, 128, 0.274); }
- border-color: rgba(128, 128, 128, 0.274);
- }
- }
- &__button {
- display: block;
- margin: 0 auto;
- margin-top: 10px;
- font-size: large;
- padding: 3%;
- background: transparent;
- border-style: none;
- border: 1px solid;
- &:active {
- background-color: #0e6147;
- }
- &:disabled {
- color: grey;
- border-color: #0e6147;
- }
- }
- }
|