@import url('https://fonts.googleapis.com/css2?family=Marhey:wght@400;500&display=swap');

body {
    font-family: 'Marhey', cursive;
}

.logo {
    width: 300px;
}

.step {
    width: 80px;
}

.backgraound-image {
    background-size: cover;
    background-repeat: no-repeat;
    background-origin: border-box;
    width: 100%;
    height: 450px;
    cursor: pointer;
    border-radius: 20px;
}

.backgraound-image:hover {
    filter: brightness(0.7);
    transition: 100ms;
}

.selected-design input {
    margin: 0;
    padding: 0;
    appearance: none;
}

.selected-design input:checked+.backgraound-image {
    border: 5px solid #5ED481;
}
@media (max-width:576px){
    .logo {
        width: 200px;
    }
    .step {
        width: 60px;
    }
    .backgraound-image {
        height: 300px;
    }
}