@import url(../css/open-sans-font.css);

.getstarted_section1 {
    min-height: 280px;
    margin-top: 84px;
    padding: 50px;
    color: rgb(76, 76, 76);
    /**/
    background-image: url(../imgs/bg-imgs/preview-bg.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.preview_header {
    font-family: OpenSans-Regular;
}

.four_links_intro_section {
    font-family: OpenSans-Regular;
    padding: 50px;
    background-color: rgb(140, 140, 249);
    background-color: rgb(246, 249, 254);
    background-color: rgb(235, 238, 241);
}

.getting_started {
    color: rgb(114, 91, 161);
    margin-bottom: 40px;
    font-weight: 700;
}

.four_links_intro_section .download_buttons a {
    width: 300px;
    text-transform: none;
    border-radius: 5px;
}

.four_links_section_grid {
    padding: 50px;
    background-color: transparent;
    display: grid;
    grid-gap: 20px;
    grid-template-columns: repeat(4, 1fr);
}

.four_links_section_grid_item_header {
    font-family: OpenSans-SemiBold;
}

.four_links_section_grid_item {
    padding: 10px;
    min-height: 130px;
    border: 1px solid;
    border-radius: 5px;
    transition: all .4s ease;
    color: rgb(140, 140, 249);
    background-color: rgb(255, 255, 255);
    border-color: rgb(219, 219, 250);
}

    .four_links_section_grid_item:hover {
        border-color: rgb(194, 194, 250);
        box-shadow: 0 0 10px 0 rgba(140, 140, 249, 0.80);
    }

.four_links_section_grid_item_a:hover {
    text-decoration: none;
}

.introductory_text {
    font-size: 20px;
    color: rgb(154, 154, 154);
}