.bg_red{
	background-color:#C55960;
}

.bg_green{
	background-color:#73FF44;
}

.bg_blue{
     background-color:#349A9D;
} 

.bg_grey{
     background-color:#A3A3A3;
}

* {

  margin: 0;
  padding: 0;
}

.button_hover{
     background-color: #E7E7E7;
     box-shadow: 15px 15px 25px grey;
}

.button_hover:hover{
     box-shadow: 20px 20px 30px grey;
}

.show_modal_wrapper{
     position: absolute;
     //background-color:#73FF44;
     height: 100vh;
     width: 100vw;
     display: none;
     z-index:2;
     //opacity: 2;
}



    
.show_modal{
        
        width: 360px;
        margin-left: calc((100% - 360px)/2);
        padding-top: 20px;
        border-radius: 15px;
        border: 1px solid rgba(43, 43, 43, 0.568);
        position: absolute;
        overflow: hidden;

}

.show_modal:before {
        position: absolute;
        content: '';
        background: inherit;
        left: -25px;
        right: 0;
        top: -25px;
        bottom: 0;
        box-shadow: inset 0 0 0 3000px rgba(150, 150, 150, 0.692);
        filter: blur(10px);
        border-radius: 15px;
      }


.show_modal_content{
     position: absolute;
     width: 300px;
     margin-left: 30px;
     padding-top: 1mm;
     padding-bottom: 3mm;
     border-radius: 10px;
 /*    margin-top: 20px;
     margin-left: 30px;
     padding-top: 10px;
     padding-bottom: 10px;
     border-radius: 10px;
     font-size: 18px;
     text-align: center;
     color: white;
     font-weight: bold;
     */
}      

.button{
    margin: 0 auto;
    margin-top: 5mm;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 17px;
    box-shadow: 10px 10px 25px grey;
    text-align:center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;

}