main {
    h1 {
        width: 100%;
        margin-top: 2%;
        margin-left: 0;
        padding-left: 0;

        text-align: center;
        font-size: 45;
    }

    #compair {
        width: 100%;

        display: flex;
        justify-content: space-evenly;
    }

    #compair-btn {
        width: 200px;
        height: 50px;
    }

    img {
        max-width: 200px;
        max-height: 200px;
    }

    #orderhere {
        font-size: large;
    }

    button {
        width: 100%;
        background-color: rgb(29, 108, 255);
        color: white;
        border: none;
        border-radius: 4px;
    }

    button:hover {
        background-color: rgb(0, 89, 255);
    }
}

footer{
    height: 365px;
}

@media screen and (max-width: 700px) {
    main {
        #compair {
            justify-content: center;
            flex-direction: column;

            div {
                width: max-content;

                margin-left: auto;
                margin-right: auto;
                margin-top: 10px;
                padding-bottom: 10px;
                padding: 5px;

                border: 5px solid rgb(157, 191, 255);
                border-radius: 5px;
            }

            img {
                max-width: 50%;
            }

            #compair-btn{
                width: 100%;
                border: 1px solid black;
            }
        }
    }
}