body {
    
}

.New_Update {
    width: 100%;
    box-shadow: 10px 10px 15px #c7c4c4, -10px -10px 15px #f9f9f9;
}

.more {
    position: relative;
    left: 90px;
    height: 60px;
    width: 100px;
    margin-left: 50px;
    /* box-shadow: -7px -7px 15px rgba(255,255,255,0.65),
            7px 7px 15px rgba(70,70,70,0.12); */
    border-radius: 5px;
    /* display: flex; */
    align-items: center;
}


.newtab {
    margin-bottom: 15px;
    text-decoration: none;
    margin-left: 120px;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50px;
    -webkit-appearance: none;
    box-shadow: 10px 10px 15px #c7c4c4, -10px -10px 15px #f9f9f9;
    outline: none;
    border: 2px solid #fffefe;
}

    .newtab:hover {
        color: #ffffff;
        background: #e2f109;
        box-shadow:
        /* inset 10px 10px 15px #c7c4c4,
            inset  -10px -10px 15px #f9f9f9, */
        0 0 10px #2196f3, 0 0 40px #2196f3, 0 0 80px #2196f3;
        /* background-color: rgb(240, 247, 240); */
    }

    .newtab::before {
        background-color: red;
        color: red;
    }

    .newtab:after {
        background-color: rgb(76, 211, 23);
    }


input[type="checkbox"] {
    position: absolute;
    -webkit-appearance: none;
    height: 40px;
    width: 80px;
    box-shadow: -7px -7px 15px rgba(255,255,255,0.65), 7px 7px 15px rgba(70,70,70,0.12), inset -7px -7px 15px rgba(255,255,255,0.65), 7px 7px 15px rgba(70,70,70,0.12), inset -7px -7px 15px rgba(255,255,255,0.65), 7px 7px 15px rgba(70,70,70,0.12);
    border-radius: 40px;
    border: 5px solid #ececec;
    left: 15px;
    outline: none;
    cursor: pointer;
}

    input[type="checkbox"]:before,
    input[type="checkbox"]:after {
        content: "";
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
    }

    input[type="checkbox"]:before {
        height: 20px;
        width: 20px;
        background-color: #71e414;
        box-shadow: -7px -7px 15px rgba(255,255,255,0.65), 7px 7px 15px rgba(70,70,70,0.12);
        border-radius: 50%;
        left: 15px;
    }

    input[type="checkbox"]::after {
        height: 15px;
        width: 15px;
        background-color: red;
        border-radius: 50px;
        right: -55px;
    }

    input[type="checkbox"]:checked::before {
        left: 36px;
    }

    input[type="checkbox"]:checked::after {
        background-color: blue;
    }

.new_link {
    padding :15px;
    margin:15px;
    box-shadow: -7px -7px 17px #fff, 7px 7px 17px rgb(70 70 70 / 15%), -7px -7px 17px #fff, 7px 7px 17px rgb(70 70 70 / 15%)
}
    .new_link:hover {
        box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF !important;
    }

.update {
    color: black;
    font-size: 15px;
    font-family: 'Times New Roman';
    font-weight: bold;
}




.column1 {
    float: left;
    width: 47%;
    box-shadow: -7px -7px 17px #fff, 7px 7px 17px rgb(70 70 70 / 15%), -7px -7px 17px #fff, 7px 7px 17px rgb(70 70 70 / 15%);
    margin:10px;
    text-align:center;
  
    /*padding: 10px;
          height: 300px;
 */
}

    .column1 span:hover {
        color: red;
       /* box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF !important;*/
    }

    .column1:hover {
        
        box-shadow: inset 2px 2px 5px #b8b9be, inset -3px -3px 7px #FFFFFF !important;
    }

@media screen and (min-width: 601px) {
    .column1 {
        float: left;
        width: 45%;
        margin: 10px;
        text-align: center;
        font-weight: bold;
    }
}

@media screen and (min-width: 300px) {
    .column1 {
        float: left;
        width: 45%;
        margin: 10px;
        text-align: center;
        font-weight: bold;
    }
}

@media screen and (max-width: 600px) {
    .column1 {
        float: left;
        width: 45%;
        margin: 10px;
        text-align: center;
        font-weight: bold;
    }
}

.row after {
    content: "";
    display: table;
    clear: both;
}


@media screen and (min-width: 601px) {
    .column1 h2 {
        font-size: 14px;
        font-weight: bold;
        float: left;
        width: 47%;
        margin: 10px;
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    .column1 h2 {
        font-size: 14px;
        font-weight: bold;
        float: left;
        width: 47%;
        margin: 10px;
        text-align: center;
    }
}