body {
    background-color: green;

    background-size: 80px 80px;

}
   
main {
    display:grid;
    grid-template-rows: auto;
}

main p.greeting {
 
    font-size:x-large;
    font-style: italic;
    color: gold;
    
}

label {
    font-size: 25px;
}

@media(min-width:768px) {
p.cards {
    font-size:x-large;
    font-style: italic;
    color: gold;
    
}

p.pickedCards {
    font-size: 25px;
}

p.pointCards {
    font-size: 25px;
}

form input {
    display: grid;
    height: 20px;
    width: 400px
}
}

label:hover {
    font-size: 150%;
    
}

body p.greeting {
    font-size: 40px;
    color:gold;

}

body {
    background-color: green;
}

p.name {
    font-size: 40px;
}



input[type=submit]{
    
    font-size: 16px;
    height: 30px;
    width: 150px;
    margin-top: 40px;
}

p.userSearch{
    font-size: 40px;
}

input[type=text] {
    height:25px;
    width: 140px;
    margin-top: 46px;
}






    
@media (min-width:992px){

body p.greeting {
    font-size: 40px;
    color:gold;

}

body {
    background-color: green;
}

p.name {
    font-size: 40px;
}



input[type=submit]{
    
    font-size: 16px;
    height: 30px;
    width: 150px;
    margin-top: 40px;
}

p.userSearch{
    font-size: 40px;
}

input[type=text] {
    height:25px;
    width: 140px;
    margin-top: 46px;
}

}