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

body{
    font-family: 'Poppins', sans-serif;
}

#title{
    background-image: linear-gradient(45deg,rgb(14, 14, 214),rgba(60, 130, 196, 0.726));
}
.card{
    border: 1px solid rgba(255,255,255,0.3);
    background: rgba(255,255,255,0.2);
    box-shadow: 0 4px 30px rgba(0,0,0,0.1);
    backdrop-filter: blue(5px);
}
.card:hover{
    transform: scale(1.1);
    transition: .5s ease-in-out;


}
@media screen and (max-width:688px) {
#phoneDetails{
    width: 350px;
    margin: auto;
}
.card:hover{
    transform: scale(1);
}
}