#About{
    display: grid;
    grid-template-columns: auto auto;
    gap:50px;

    #About-text{
        margin-left:10px;
        h1 {
            color: #cdeaf8;
            font-size: 4em;
            text-align: start;
        }
        p{
            color: #575380;
            font-size: 1.5em;
            text-align: start;
            margin-top:20px;
            background-color: #b0d6f5;
            border-radius: 7px;
            padding:10px;
        }
        @media only screen and (max-width:700px){
            h1{
                font-size:50px;
            }
            p{
                font-size:20px;
            }
        }
        @media only screen and (max-width:545px){
            h1{
                font-size:30px;
            }
            p{
                font-size:20px;
            }
        }
        @media only screen and (max-width:350px){
            h1{
                font-size:20px;
            }
            p{
                font-size:10px;
            }
        }
    }
}