@import url('https://fonts.googleapis.com/css2?family=Poiret+One&display=swap');

* {
    margin: 0;
    padding: 0;
    background-color: #E5E5E5;
}

.transparent {
    background-color: transparent!important;
}

.base-text-style {
    color: #FFF;
    font-family: Poiret One;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@supports (-webkit-text-stroke: 1px white) {
    .stroke-1px {
        -webkit-text-stroke: 1px white;
        -webkit-text-fill-color: white;
    }
}

.wrapper {
    height: 100vh;
    background: linear-gradient(90deg, #252323 0%, #252323 35.23%, #252323 46.78%, rgba(37, 35, 35, 0.90) 56.89%, rgba(37, 35, 35, 0.80) 64.81%, rgba(37, 35, 35, 0.70) 72.98%, rgba(37, 35, 35, 0.60) 80.64%, rgba(37, 35, 35, 0.30) 100%);
}

.flex-display {
    margin-left: 50px;
    width: calc(50vw - 50px);
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.header {
    display: flex;
    align-items: center;
    width: 40vw;
    margin-bottom: 49px;
}

.title-img {
    margin-right: 53px;
}

.title-text {
    font-size: 48px;
}

.base-form-style {
    display: flex;
    flex-direction:column;
}

.base-form-input {
    font-size: 24px;
    padding: 11px 20px;
    width: calc(100% - 200px);
    border-radius: 10px;
    border: 0.4px solid #FFF;

    background: #1F1C1C;

    cursor: pointer;
}

.a-base-style {
    font-style: 20px;
    text-decoration-line: underline;
}

.base-button-style {
    border-radius: 10px;
    border: 1px solid #FFF;
    background: #1F1C1C;
    padding: 9px;
    width: max-content;
    margin-right: 11px;
}

.footer {
    display: flex;
    flex-direction: column;
}

.footer-text {
    margin-bottom: 6px;
}

.input-password {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.red-alert-border {
    border: 1px solid #E54047;
}

.green-success-border {
    border: 1px solid #33C14A;
}

.color-success {
    color: #33C14A;
}

.color-error {
    color: #E54047;
}

.filled {
    fill: white;
}

.hide-show-reg {
    margin-bottom: 0px!important;
    margin-top: 24px;
}

.hide-show-style {
    position: relative;
    right: 47px;
    margin-bottom: 24px;
    cursor: pointer;
    color: black;
    z-index: 10;
}

.background-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -100;
}