@media print{
                body, h1, h2, h3, h4, h5, h6, p, div{
                    color: black;
                    background: transparent;
                }
                i, input, .navbar, footer, .nav, #createEventForm, #registerForm, #cancelForm, h3{
                    display: none;
                }
                #info{
                    display: inline-block;
                }
            }
            @media screen {
                .print-icon {
                    display: inline-block;
                    cursor: pointer;
                }
            }
            
            .print-icon-container {
                text-align: right; 
                padding-top: 10px; 
            }
            
            /* NAV STYLES */
            .bg-primary{
                /*background: linear-gradient(to bottom,#520c30, #7e184e 100%) !important;*/
                /*background: white;*/
                /*color: #520c30;*/
                /*color:white; */
            }
            .text-primary{
                color:black !important;
            }
            .btn-primary{
                margin: 10px 0px 10px;
                padding: 10px 30px 10px;
                background: linear-gradient(133.69deg, #dfb757, #b4801e) !important;
                color: whitesmoke;
                border: 0 solid;
                border-radius: 50px;
                transition: 0.2s;
            }
            .btn-primary:hover{
                color: grey;
                background: linear-gradient(313.69deg, #dfb757, #b4801e) !important;
                box-shadow: 0 0 4px 2px lightgrey;
                transition: 0.2s;
            }
            .btn-secondary{
                margin: 10px 0px 10px;
                padding: 10px 30px 10px;
                /*background: lightgrey;*/
                background: linear-gradient(133.69deg, #d3d3d3 0%, #a9a9a9 50%, #808080 100%) !important;
                color: #5c0931;
                border-radius: 50px;
                border: 0;
                transition: 0.2s;
            }
            .btn-secondary:hover{
                color: white;
                background: linear-gradient(313.69deg, #d3d3d3 0%, #a9a9a9 50%, #808080 100%) !important;
                box-shadow: 0 0 4px 2px lightgrey;
                transition: 0.2s;
            }
            .btn-secondary:focus{
                outline: none;
            }
            .btn-secondary-reversal{
                margin: 10px 0px 10px;
                padding: 10px 30px 10px;
                color: white;
                background: linear-gradient(313.69deg,#520c30, #7e184e 100%) !important;
                border-radius: 50px;
                border: 0;
                transition: 0.2s;
            }
            .btn-secondary-reversal:hover{
                /*color: #5c0931;*/
                color: grey;
                background: linear-gradient(133.69deg,#520c30, #7e184e 100%) !important;
                box-shadow: 0 0 4px 2px lightgrey;
                transition: 0.2s;
            }
            .download-btn-primary{
                margin: 10px 0px 10px;
                padding: 10px 30px 10px;
                background: linear-gradient(313.69deg, #023020, #046C4E 100%);
                color: white;
                border-radius: 50px;
                border: 0;
                transition: 0.2s;
            }
            .download-btn-primary:hover{
                color: grey;
                background: linear-gradient(133.69deg, #023020, #046C4E 100%) !important;
                box-shadow: 0 0 4px 2px lightgrey;
                transition: 0.2s;
            }
            .icon-primary{
                /*color:#5c0931;*/
                /*color: #dfb757 ;*/
                /*color: linear-gradient(133.69deg, #dfb757, #b4801e);*/
            }
            .navbar{
                /*background: linear-gradient(to bottom,#520c30, #7e184e 100%);*/
                /*color:white;    */
                /*background: white;*/
                /*background: #520c30;*/
                /*color: #520c30;*/
            }
            
            .navbar-light{
                /*color: #520c30;*/
            }
            
            .navbar-brand img{
                height:30px;
                margin-left:5px;
                margin-right:5px;
            }
            
            .navbar-brand span{
                font-size: 24px;
                transform: scale(.5, 1);
            }
            
            .login .fa-user{
                margin-left:5px;
                margin-right:5px;
            }
            
            .registerForm{
                padding: 30px 30px 30px;
            }
            
            .registerDiv{
                margin: 10px 0 10px;
            }
            
            .disabled {
                pointer-events: none; 
                opacity: 0.5; 
            }
            
            .error{
                font-style: italic;
                color: red;
            }
            
            /* LAYOUT STYLES */
            body{
                /*font-style: Gill Sans MT;*/
                background-color: #f9f9f9;
            }
            main{
                margin-top:60px;
                font-style: 'Gill Sans MT';
            }
            
            section{
                margin-top:5px;
                margin-bottom:10px;
            }
                    
            h1 span{
                font-size:48px;
            }
            
            h3{
                text-decoration: none;
                /*margin-bottom:20px;*/
            }
            
            .icon-lg{
                font-size:4em;
            }
            
            .icon-md{
                font-size:2.5em;
            }
            .icon-sm{
                font-size: 1.5em;
            }
            /* CARD STYLES */
            .card{
                background-color:white;
                border-radius: 50px;
                box-shadow: 0px 0px 3px 2px lightgrey;
                padding: calc(var(--bs-gutter-x) * 1) calc(var(--bs-gutter-x) * 1) calc(var(--bs-gutter-x) * 1) calc(var(--bs-gutter-x) * 1);
                /*padding-top:50px;*/
                /*padding:25px 35px 15px;*/
                transition: 0.3s;
                
                -webkit-backface-visibility: hidden;
                -webkit-backdrop-filter: saturate(200%) blur(15px);
                backdrop-filter: saturate(200%) blur(15px);
                background: hsla(0, 0%, 100%, .6);
                border: 0;
            }
            .card:hover{
                box-shadow: 0 0 6px 3px grey;
                transition: 0.3s;
            }
            .card-title{
                text-transform:uppercase;
                font-weight:bold;
                margin-top:5px;
            }
            
            
            /*@media (max-width: 992px) { */
            /*    .navbar-collapse {*/
            /*        position: fixed;*/
            /*        top: 0;*/
            /*        bottom: 0;*/
            /*        left: 0;*/
                    /*width: 250px; */
            /*        transform: translateX(-100%);*/
            /*        transition: transform 0.3s ease-in-out;*/
            /*    }*/
            
            /*    .navbar-collapse.show {*/
            /*        transform: translateX(0);*/
            /*    }*/
            
            /*    .navbar-toggler.collapsed + .navbar-collapse {*/
            /*        transform: translateX(-100%);*/
            /*    }*/
            /*}*/