:root {
    --color-main: #0874ac;
    --color-secondary: #7864cc;
    --bg-color: #f7f8fa;
    --white: #fefefe;
}

body {
    background: rgb(8, 116, 172);
    background: linear-gradient(
        180deg,
        rgba(8, 116, 172, 1) 0%,
        rgba(120, 100, 204, 1) 100%
    );
    background-repeat: no-repeat;
}

.section {
    height: 100vh;

    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 30% 15% 15% 30% 10%;
    justify-items: center;
}

.logo{
    align-self: center;
    justify-self: center;
}

.inputs {
    width: 80%;
    height: 48px;

    border: none;
    border-bottom: 1px solid var(--white);

    appearance: none;

    color: var(--white);
    background-color: transparent;
}

.inputs::placeholder {
    color: var(--white);
}

.inputs:focus {
    outline: none;
    border-bottom: 1px solid var(--white);
    background-color: transparent;
}

.inputs::-ms-expand {
    background-color: transparent;
}

option {
    background-color: transparent;
}

.btn {
    width: 80%;
    height: 48px;

    justify-self: center;
    align-self: center;

    border: 1px solid var(--white);
    border-radius: 32px;

    color: var(--white);
    background-color: transparent;
}

p {
    color: var(--white);
}