@media only screen and (min-width: 700px){
    body{
        font-size: 20px;
    }
    h1{
        font-size: 24px;
    }
    main{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 14px;
    }
    picture:hover{
        box-shadow: 0px 0px 30px rgb(4, 211, 211);
        border-top-right-radius: 50px;
    }
    footer{
        font-size: 18px;
    }
    }