html{
    overflow-x: hidden;
    
}

body{
    width: 100vw;
    height: 100vh;
}

header{
    
    padding: 1.5rem;
    @media(min-width:425px){
        display: grid;
        grid-template-columns: 1fr;
    }
}



li{
    list-style-type: none;
}

main{
    display: grid;
    grid-template-columns: 1fr;
    grid-row: 1fr;
    @media(min-width:425px){
        display: grid;
        grid-template-columns: 1fr;
        grid-row: 1fr 1fr 1fr;
    }
}

section.cards{
    @media(min-width:425px){
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row: auto;
        
    }
}

.opacity-medium{
    opacity: 0.5 !important;
}