.column-container{
    display:grid;
    grid-template-columns: 0.7fr auto;
    background: linear-gradient(135deg,  #0f2d4f 0%,#144770 50%,#103f68 51%,#1b639b 100%);
    gap:5px;
}
.column:first-child,.column:nth-child(2){
    padding-top:6%;
    
}

.blog-card{
    background:white;
    border:1px solid gainsboro;
    border-radius: 4px;
    padding:12px;
    margin:6px;
    text-align: start;
    box-shadow: 0 2px 4px gray;
}
.blog-card a{
    background: cornflowerblue;
    color:white;
    padding:6px;
    margin:20px;
    border-radius: 4px;
    box-shadow: 0px 3px 2px #1d5074;
}
.blog-card h2, .blog-card h3{
    display:inline-block;
    margin:2px;
    padding:0;
}

.column form{
    vertical-align: middle;
    text-align: center;
}
html,body{
    height:100%;
}
.white-bg{
    background:white;
}
.features{
    list-style: none;
    display: flex;
}
.features li{
    flex-grow:1;
    text-align: center;
    padding:6px;
}
.features li:not(:last-child){
    border-right:1px solid #ccc;
}
.features li p{
    font-size:85%;
    color:rgb(94,94,94);
}
form input{
    width:95%;
    margin: auto;
}
@media (prefers-color-scheme: dark) {
    .white-bg{
        background:rgb(48,48,48);
    }
    form label{
        color:#888;
    }
    .features li:not(:last-child){
        border-right-color: #444;
    }
    .features li h3{
        color:rgb(178,178,178);
        font-variant: small-caps;
    }
    
    .features li p{
        color:rgb(127,127,127);
    }

}