:root {
    --form-label: #3f3f3f;
    --form-background-color: #fefefe;
    --form-input-border: 1px solid #3f3f3f44;

    --right-side-background-color: #fff6f6;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Rubik", sans-serif;
    line-height: 1.3;
    outline: none;
    text-decoration: none;
}

html {
    font-size: 18px;
    font-weight: 700;
}

body {
    height: 100vh;
    width: 100vw;
    display: flex;
}

a:visited, a:link {
    color: #ff4343;
}

.image-wrapper {
    height: 100%;
    width: 500px;
    background-image: url("data:image/png;base64,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");
    background-size: 450px auto;
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.image-wrapper > .image-text-container {
    width: 100%;
    padding: 10px;
    background-color: var(--right-side-background-color);
    text-align: center;
    position: relative;
    top: 20%;
}

.image-text-container > h1 {
    position: relative;
    left: 5px;
}

.right {
    flex-grow: 1;
    background-color: var(--right-side-background-color);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 30px;
}

.right>* {
    padding-left: 30px;
}

.attention {
    font-size: 1.8rem;
    padding: 20px;
}

.attention>p:last-child {
    margin-top: 10px;
}

form {
    width: 100%;
    
}

.form-background {
    background-color: #fefefe;
}

.signup-form {
    padding: 0;
}

.form-grid {
    padding: 30px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2,minmax(150px,250px));
    gap: 20px 50px;
}

.form-header {
    width: 100%;
    grid-column: 1 / -1;
}

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

.field>label {
    color: var(--form-label);
    letter-spacing: 2px;
    font-size: 0.8rem;
}

.field>input {
    font-size: inherit;
    padding: 5px 10px;
    border: var(--form-input-border);
    border-radius: 5px;
}

.field>input:focus {
    border-width: 2px;
    border-color: #3c8ed1dc;
}

.field>input:invalid {
    border-color: rgb(255, 20, 0);
}

.submit-button {
    width: fit-content;
    margin: 20px 0 0 30px;
    padding: 10px 20px;
    border-radius: 5px;
    grid-column: 1/-1;
    font-size: 1rem;
    background-color: #ff4343;
    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 1px #ff7373;
}


