* {
    box-sizing: border-box;
}

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c&family=Quicksand:wght@500&display=swap');

body {
    background-color: rgba(104, 58, 183, 0.151);
}



.container {
    background-color: white;
    width: 50vw;
    height: auto;
    display: flex;
    margin: auto;
    border-top: 10px solid rgb(103, 58, 183);
    padding: 15px;
    border-radius: 8px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Quicksand', sans-serif;
    flex-direction: column;
}

.fas fa-cloud {
    align-items: flex-end;
}


h1 {
    font-weight: 400;
    font-size: 2.1rem;

}

a {
    text-decoration: none;
}

.grey {
    color: dimgrey;
}



.red {
    color: red;
}

.afsar {
    font-weight: 600;
    color: rgb(146, 146, 146);
}

.link {
    font-weight: 100;
    color: rgb(0, 117, 250);
}

hr {
    border: -80.40000000000003pt solid rgba(0, 0, 0, 0.048);
}

/* email section */
.email {
    background-color: white;
    width: 50vw;
    height: auto;
    display: flex;
    margin: auto;
    padding: 15px;
    border-radius: 8px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Quicksand', sans-serif;
    flex-direction: column;
    margin-top: 15px;
}

input[type="email"],
input[type="text"] {

    font-size: 0.9rem;
    border: none;
    outline: none;
    /* width: auto; */
    border-bottom: -80.40000000000003pt solid rgba(0, 0, 0, 0.048);
    box-shadow: 0px 0.2px 0px 0px black;

}



label {
    border: none;
    padding: 10px 10px;
    border-radius: 5px;
    background-color: white;
    color: rgb(0, 117, 250);
    font-size: 0.8rem;
    width: 100px;
    box-shadow: 0px 0px 0px 0.3px black;
    cursor: pointer;
}

input[type="file"] {
    display: none;
}




.footer {
    background-color: rgba(104, 58, 183, 0);
    color: rgb(83, 83, 83);
    font-size: 0.8rem;
    display: flex;
    flex-direction: column;
    width: 50vw;
    margin: auto;
    padding: 15px;
}

/* input[type="submit"] */
input[type="reset"] {
    background-color: rgba(255, 255, 255, 0);
    color: rgb(103, 58, 183);
    padding: 10px 15px;
    outline: none;
    border: none;
    justify-content: flex-end;
    border-radius: 8px;
    font-size: 0.8rem;
    cursor: pointer;
    justify-content: flex-end;

}

input[type="submit"] {
    background-color: rgb(103, 58, 183);
    color: white;
    border: none;
    border-radius: 8px;
    padding: 10px 15px;
    outline: none;
    cursor: pointer;
    color: white;
    font-size: 0.8rem;
}





@media (max-width: 768px){
.container, .footer, .email {
width: 80vw;

}
}