*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}
header{
    background-color: rgb(255, 255, 255);
}
header h1{
    color: white;
    text-align: center;
    padding: 10px;
    font-size: 30px;
}
form{
    margin-top: 5%;
    border: 0px solid black;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.205);
    width: 30%;
    padding: 2%;
    margin-left: 35%;
    border-radius: 5%;
    background-color: rgb(255, 255, 255);
}
body{
    background-color: rgb(248, 231, 248);
}
form input {
width: 100%;
margin: 2%;
padding: 1%;
border: 0px;
background-color: rgb(233, 250, 250);
border-radius: 15px;
}
select{
    width: 100%;
margin: 2%;
padding: 1%;
}
form input[type="submit"]{
    background-color: rgb(196, 143, 251);
    color: aliceblue;
    font-weight: bold;
}
.container img{
    margin-left: 43%;
    width: 17%;
    margin-top: 2%;
    border-radius: 5%;
}
@media (max-width: 600px) {
    form{
        width: 90%;
        margin-left: 5%;
        padding: 2%;
        height: 350px;
    }
    .container img{
        width: 50%;
        margin-left: 25%;
    }
    form input[type="submit"]{
        background-color: rgb(196, 143, 251);
        color: aliceblue;
        font-weight: bold;
    }
    form h4{
        margin-top: 5%;
        margin-bottom: 5%;
    }
    form label{
        margin-top: 7%;
        margin-bottom: 5%;
        margin-left: 5%;
    }
    form input{
        margin-top: 7%;
        margin-bottom: 5%;
        width: 90%;
        margin-left: 5%;
    }
}