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

    #Home-text{
        justify-self: left;
        display: grid;
        grid-template-rows: auto auto;
        margin-left:10px;
        gap:20px;

        h1 {
            color: #cdeaf8;
            font-size: 4em;
            text-align: start;
        }
        p{
            color: #575380;
            font-size: 1.4em;
            text-align: start;
            padding:10px 20px 10px 20px;
            background-color: #cdeaf8;
            border-radius: 7px;
        }
        div{
            display: grid;
            grid-template-columns: 1fr 5fr;
            align-items: center;
            background-color: #cdeaf8;
            border-radius: 7px;

            i{
                font-size: 30px;
                height: 100%;
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #b0d6f5;
                border-top-left-radius: 7px;
                border-bottom-left-radius: 7px;
            }
            
            i:hover{
                background-color: #71a3cc;
                cursor: pointer;
            }

        }
        @media only screen and (max-width:700px){
            h1{
                font-size:50px;
            }
            p{
                font-size:20px;
            }
        }
        @media only screen and (max-width:537px){
            h1{
                font-size:30px;
            }
            p{
                font-size:20px;
            }
        }
        @media only screen and (max-width:350px){
            h1{
                font-size:20px;
            }
            p{
                font-size:10px;
            }
        }
    }
    #Home-img{
        justify-self: right;
        margin-right:10px;

        @media only screen and (max-width:958px){
            img{
                display: none;
            }
        }

        img{
            width: 80%;
            height: auto;
            border-radius: 20px;
            background-color: #cdeaf8;
            float: right;
        }
    }
}