.page{
    width: 100%;
    display:flex;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip:unset;
    -webkit-text-fill-color: rgb(250, 250, 250);
    transition: background-color 5000s ease-in-out 0s !important;
    box-shadow: inset 0 0 20px 20px #23232329;
}


.contact-wrapper{
    width: 460px;
    min-height: 500px;
    height: fit-content;
    border-radius: 10px;
    background-color: var(--deep-steel);
    border:1px solid var(--slate-steel);
    box-sizing: border-box;
    padding:24px;
    color:white;
    margin-top:14%;
    font-family: Montserrat;
    display:flex;
    flex-direction: column; 
    align-items: flex-start;
    justify-content: flex-start;
    gap:20px;
}

@media only screen and (max-width: 625px) {
    .page{
        padding-bottom: 550px;
    }
}

@media only screen and (max-width: 520px) {
    .contact-wrapper{
        width: 100% !important;
    }
}

.contact-wrapper label{
    font-size:14px;
}

.contact-wrapper label>hr{
    height: 1px;
    border:none;
    margin-bottom:5px;
    background-color: #4b4d53;
}

.contact-wrapper h1{
    margin:0;
    text-align: center;
    padding:0;
}

.input-box{
    width: 100%;
    display:flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    gap:4px;
    font-size:14px;
}

.input-box input{
    width: 100%;
    height: 36px;
    background:none;
    border-radius: 6px;
    outline:1px solid var(--slate-steel);
    border:none;
    color:var(--cloudy-white);
    font-family: Montserrat;
    font-size:16px;
    text-indent: 8px;
    transition:outline 150ms ease-in-out;
}

.input-box input:focus{
    outline:1px solid #454753;
}

.input-box textarea{
    width: 100%;
    border-radius: 6px;
    background: none;
    outline:1px solid var(--slate-steel);
    border:none;
    resize: vertical;
    min-height: 36px;
    color:white;
    font-family: Montserrat;
    font-size:14px;
    box-sizing: border-box;
    padding:8px;
    transition:outline 150ms ease-in-out;
}

.input-box textarea:focus{
    outline:1px solid #71747e;
}

.contact-wrapper button{
    width:100%;
    min-width: 150px;
    height: 32px;
    font-family: Montserrat;
    font-weight: 500;
    border-radius: 4px;
    border:none;
    cursor: var(--custom-pointer);
    background-color: var(--azure-blue);
    font-size:16px;
    color:var(--cloudy-white);
    transition: all 150ms ease-in-out;
}

.contact-wrapper button:hover{
    filter:brightness(1.1);
}