html, body{ height: 100vh; width: 100%; background-color: #f8f9fa;}
textarea { resize: none; }
.main-gradient{ background: linear-gradient(0deg, rgba(248,249,250, 1) 25%, rgba(52,58,64, 0.3) 50%, rgba(248,249,250, 1) 100%); }
.navbar-bg{ background-color: #f8f9fa; }
.shadow-primary{ box-shadow: 0 4px 10px 0 rgba(0,123,255, 0.2), 0 -4px 10px 0 rgba(0,123,255, 0.2)!important; }
.shadow-secondary{ box-shadow: 0 4px 10px 0 rgba(108,117,125, 0.2), 0 -4px 10px 0 rgba(108,117,125, 0.2)!important; }
.shadow-success{ box-shadow: 0 4px 10px 0 rgba(40,167,69, 0.2), 0 -4px 10px 0 rgba(40,167,69, 0.2)!important; }
.shadow-danger{ box-shadow: 0 4px 10px 0 rgba(220,53,69, 0.2), 0 -4px 10px 0 rgba(220,53,69, 0.2)!important; }
.shadow-warning{ box-shadow: 0 4px 10px 0 rgba(255,193,7, 0.2), 0 -4px 10px 0 rgba(255,193,7, 0.2)!important; }
.shadow-info{ box-shadow: 0 4px 10px 0 rgba(23,162,184, 0.2), 0 -4px 10px 0 rgba(23,162,184, 0.2)!important; }
.shadow-light{ box-shadow: 0 4px 10px 0 rgba(248,249,250, 0.2), 0 -4px 10px 0 rgba(248,249,250, 0.2)!important; }
.shadow-dark{ box-shadow: 0 4px 10px 0 rgba(52,58,64, 0.2), 0 -4px 10px 0 rgba(52,58,64, 0.2)!important; }
.ht-300p{ height:300px; }
.ht-400p{ height:400px; }
.ht-15{ height:15%; }
.ht-30{ height:30%; }
.ht-85{ height:85%; }
.ht-2p{ height: 2px!important; }
.motto{ font-family: 'Grand Hotel',cursive; font-weight: 300; font-size: 32px; text-shadow: 0 0 10px rgba(0, 0, 0, 0.33); color: #343a40; }
.char-counter{ margin-top: -20px; margin-right: 5px; }
.btn-indigo{
    color: #fff;
    background: #6610f2 linear-gradient(180deg,#8540f5,#6610f2) repeat-x;
    border-color: #6610f2;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
}
#calendar{ max-width: 1100px; width: 100%; margin: 0 auto; }