@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap");
:root {
    --clr-bg: #181f4b;
    --clr-primary: #0f1336;
    --clr-secondary: #f53075;
    --clr-inputs: #262e5f;
    --text-clr-pr: #ececec;
    --text-clr-sec: #a8a8a8;
    --clr-blue: #1da1f2;
}

body::-webkit-scrollbar {
    display: none;
}

.address::-webkit-scrollbar {
    display: none;
}

body {
    background-color: var(--clr-bg);
    font-family: "Lato", sans-serif;
}

label {
    color: var(--text-clr-pr);
}

#emailHelp {
    color: var(--text-clr-sec);
}

.container h1 {
    color: var(--text-clr-pr);
    border-color: var(--clr-secondary) !important;
    letter-spacing: 2px;
    font-weight: 400;
}

form {
    padding: 50px;
    border-radius: 20px;
    background-color: var(--clr-primary);
}

.container h1 span {
    color: var(--clr-secondary);
}

label {
    font-weight: 400;
    color: var(--text-clr-pr);
    font-size: 18px;
}

input {
    background-color: var(--clr-inputs) !important;
    color: var(--text-clr-pr) !important;
    outline: var(--clr-secondary) !important;
    font-weight: 400;
}

textarea {
    background-color: var(--clr-inputs) !important;
    color: var(--text-clr-pr) !important;
}

select {
    background-color: var(--clr-inputs) !important;
    color: var(--text-clr-pr) !important;
}

#emailHelp {
    color: var(--text-clr-sec);
}

#emailHelp span {
    color: var(--clr-secondary);
}

::placeholder {
    color: var(--text-clr-sec);
    font-size: 15px;
    font-weight: 700;
}

.myBtn {
    background-color: var(--clr-secondary);
    border-radius: 10px;
    border-color: var(--clr-secondary);
    color: var(--text-clr-pr);
    font-size: 17px;
    font-weight: 400;
    box-shadow: none !important;
}

.myBtn:hover {
    background: none;
    border-color: var(--clr-secondary);
    color: var(--clr-secondary);
}

.form-control {
    border-color: var(--clr-inputs);
    border-radius: 6px;
}

.form-control:focus {
    border-color: var(--clr-blue);
    box-shadow: 0 0 0 0.2rem rgb(29, 161, 242, 0.2);
}

.form-check-input {
    background-color: var(--clr-inputs);
    border-color: var(--clr-inputs) !important;
    box-shadow: none !important;
}

.form-check-input:checked {
    background-color: var(--clr-secondary) !important;
    border-color: var(--clr-secondary) !important;
}

.credit a {
    color: var(--clr-blue);
}