@font-face{
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.ttf") format('truetype');
  }
html{
    height:100%;
}
:root{
    --navColor:rgb(140, 255, 94);
}

nav, footer{
    background-color: var(--navColor) !important;
}
.navbar-toggler{
    border:none;
    background-color:rgb(195, 255, 172);
    -webkit-user-select: none;/*should disable the item looking active but doesnt :D*/
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}
.navbar-brand{
    position:relative;
    overflow:hidden;
}

.navbar-nav{
    margin-top:3px;
}
.navbar-brand::after{
    content:"";
    width:100%;
    height:10%;
    background:black;
    position:absolute;
    bottom:0;
    left:0;
    transition: 0.25s;
    transform:translateX(-100%);
}
.navbar-brand.hoverclass::after{
    animation: fancy-underline 0.5s;
}
@keyframes fancy-underline {
    0%{
        transform: translateX(-100%);
    }
    100%{
        transform: translateX(100%);
    }
}
footer{
    display:flex;
    align-items: center;
    justify-content: center;
    height:100px;
}
table{
    margin:0 !important;
}

#aLogout{
    color:rgb(255,120,0);
    opacity:0.5; 
}
#aLogout:hover{
    opacity:1;
}


.actuallContent{min-height:80vh}