body{
    background-color: black;
}
.container {
    display: grid;
    grid-template-columns: [left] auto [center] auto [right] auto;
    grid-template-rows: [top] auto [middle] auto [bottom] auto;
    column-gap: 15px;
    row-gap: 15px;
    grid-template-areas:
      "top-left top-center top-right"
      "center-left center-center center-right"
      "bottom-left bottom-center bottom-right";
    justify-items: center;
    align-items: center;
    justify-content: stretch;
    align-content: stretch;
    min-height: 97vh;
    
}
.item-a{
    grid-area: center-center;
    text-align: center;
}
.item-b{
    grid-area: bottom-left-end / bottom-left-start / top-center / top-center;
    background-image: url(gradient-left-dark.svg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    width: 100%;
}
.item-c{
    grid-area: top-right / top-right-end / center-center / center-center-start;
    background-image: url(gradient-right-dark.svg);
    background-position: right;
    background-size: 50%;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
h1{
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 72px;
    background: -webkit-linear-gradient(45deg, #1106db, #00ff95 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

}
h2{
    color: white;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
    background: -webkit-linear-gradient(45deg, #db5b06, #4c00ff 80%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;

}
@media screen and (max-width: 780px) {
    h1{
        color: white;
        font-family: 'Poppins', sans-serif;
        font-size: 50px;
        background: -webkit-linear-gradient(45deg, #1106db, #00ff95 80%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
    
    }
    h2{
        color: white;
        font-family: 'Poppins', sans-serif;
        font-size: 25px;
        background: -webkit-linear-gradient(45deg, #db5b06, #4c00ff 80%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
    
    }

}