/* From https://css.glass */

background: rgba(255, 255, 255, 0.19);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(0px);

-webkit-backdrop-filter: blur(0px);

border: 1px solid rgba(255, 255, 255, 0.14);

/* From https://css.glass */

background: rgba(255, 255, 255, 0.01);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border: 1px solid rgba(255, 255, 255, 0.3);

.container {

  backdrop-filter: blur(10px);

}

/* From https://css.glass */

background: rgba(42, 53, 81, 0.3);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border: 1px solid rgba(42, 53, 81, 0.3);

/* From https://css.glass */

/* To give element Glass effect */

background: rgb(68 67 70 / 30%);

border-radius: 4px;

box-shadow: 0 4px 20px #0000001a;

backdrop-filter: blur(2.4px);

-webkit-backdrop-filter: blur(2.4px);

border: 1px solid #72727280;

/* From https://css.glass */

background: rgba(255, 255, 255, 0.25);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border: 1px solid rgba(255, 255, 255, 0.64);

/* From https://css.glass */

background: rgba(240, 240, 240, 0.07);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(3.1px);

-webkit-backdrop-filter: blur(3.1px);

border: 1px solid rgba(240, 240, 240, 0.1);

/* From https://css.glass */

background: rgba(255, 255, 255, 0.2);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(5px);

-webkit-backdrop-filter: blur(5px);

border: 1px solid rgba(255, 255, 255, 0.3);

/* From https://css.glass */

background: rgba(255, 255, 255, 0.08);

border-radius: 16px;

box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);

backdrop-filter: blur(2.5px);

-webkit-backdrop-filter: blur(2.5px);

border: 1px solid rgba(255, 255, 255, 0.15);