body{

background-image: url("Background-desktop.svg");

}

@media (max-width: 600px)body{

    background-image: url("Background-mobile.svg");

}

.box {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

}

.logo {

    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translate(-50%, -40%);
    transform: translate(-50%, -60%);

}

@media (max-width: 600px){
.logo{
position: absolute;
left: 50%;
top: 15%;
-webkit-transform: translate(-50%, -15%);
transform: translate(-50%, -50%);
}
}

input {
padding: 15px;
border-radius: 25px;
font-size: 20px;
height: 30px;
width: 575px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border: none;
}
input:focus {
padding: 15px;
border-radius: 25px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
border: none;
outline: none;
}

@media (max-width: 600px) {

    input {
        padding: 15px;
        border-radius: 25px;
        font-size: 20px;
        height: 40px;
        width: 250px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        border: none;
    }
    input:focus {
        padding: 15px;
        border-radius: 25px;
        font-size: 20px;
        height: 40px;
        width: 250px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        border: none;
        outline: none;
    }
}