player-project/src/styles/Forms.scss

.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;
        }
    }
}