body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #efefef; }

p {
  color: #b3b3b3;
  font-weight: 300; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.content {
  padding: 3rem 0; }

h2 {
  font-size: 20px; }

.form-control:active, .form-control:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }


.glass-container {
          background-color: rgb(255 255 255 / 43%);
          padding: 20px;
          border-radius: 0.5em;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);

        }
      body {
        margin: 0;
        padding: 0;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        background-size: cover!important;
        background-repeat: no-repeat!important;
/*            backdrop-filter: blur(2px);*/
/*        transition: background-image 0.5s ease-in-out;*/
        
        opacity: 0;
/*        transition: opacity 1.5s ease;*/
      }

      body.loaded {
        opacity: 1;
        transition: opacity 1.5s ease;
      }



.head-info {
  margin-top: 10px;
}

.button-wrap {
    position: relative;
    margin: 20px 0;
    padding: initial!important;
}

.cal-month{
    line-height: 1em;
    font-size: 18px;
}