* {
    --sidebar-width: 350px;
    --sidebar-width-hide: -360px;
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: purple;
}
::selection {
  color: white;
  background: purple;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
/*  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background: linear-gradient(-45deg, #aaaaaa, #ffffff, #bbbbbb, #eeeeee);
    background-size: 400% 400%;
    animation: gradient 30s ease infinite;
    height: 100vh; */
}
/*
@keyframes gradient {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
*/
main {
   flex: 1; 
}
#mainContent {
    
}
.noshadow {
    box-shadow: none !important;
}
nav {
    box-shadow:  rgba(0,0,0,0.4) 2px 2px 9px 3px;
}
footer {
    box-shadow:  rgba(0,0,0,0.4) 2px -2px 9px 3px;
}
h3 {
    font-size: 120%;
    white-space: nowrap;
}
footer img {
    max-width: 30px;
}
button, [role=button] {
/*
    border-radius: calc(100vh*50) !important;
*/
    box-shadow: rgba(0,0,0,0.2) 2px 2px 3px 1px;

}
.card {
    box-shadow: rgba(0,0,0,0.2) 2px 2px 9px;
}
.card-header {
    font-weight: bold;
}

.thumb {
    height: 160px;
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.3) 2px 2px 6px 2px;
    border: rgba(0,0,0,0.4) 1px solid;
}

.single_image {
    border-radius: 6px;
    box-shadow: rgba(0,0,0,0.3) 2px 2px 6px 2px;
    border: rgba(0,0,0,0.4) 1px solid;
}



/*  ======================================== */

#mySidenav {
    z-index: 1000;
    align-content: start;
    align-items: flex-start;
    position: fixed;
    top: 0;
    left: -500px;
    height: 100vh;
    transition: 0.5s;
}

#navbarHeightPlaceholder {
    height: 63px;
    width:90%;
    padding:0;
    margin:0;
/*    background-color: red; */ 
}
#mySidenav a, #mySidenav h4 {
    white-space: nowrap;
}
#sidebarContent {
    overflow-y:auto;
}
#sidebarCloser {
    /* cursor: pointer;
    background-color: rgba(0,0,0,0.1); */
    background: linear-gradient(to right, rgba(255,255,255,0.03), rgba(0,0,0,0));
}

.clickable {
    cursor: pointer;
}