.view,body,html{height:100%}.navbar{background-color:rgba(0,0,0,.2)}.top-nav-collapse{background-color:#fff}.top-nav-collapse .mr-auto .nav-item .nav-link{color:#388e3c!important}.top-nav-collapse .mr-auto .nav-item .nav-link:hover{color:#00c851!important}.page-footer{background-color:#1c2331}.main-nav{padding-top:0;padding-bottom:0}.custom-btn-rounded{padding:.9rem!important;border-radius:50px;font-size:1rem!important;text-transform:none}#working .card .view{padding:10%; height:auto !important;}.custom-pill-nav .custom-nav-item .custom-nav-link.active{background:linear-gradient(40deg,#ff6ec4,#7873f5)}.custom-pill-nav .custom-nav-item .custom-nav-link{border-radius:10em;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s}.custom-pill-nav .nav-link.active{-webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);color:#fff;background-color:#2bbbad}.custom-pill-nav{max-width:400px;margin:auto}.pill-img{object-fit:contain;border-radius:10rem;max-width:100px}.card-up{height:100px}.avatar{margin-top:-50px}.avatar img{height:125px}footer.page-footer{background-color:#009688!important}.plugin{height:100px;width:100px;object-fit:cover;}

@-webkit-keyframes autofill {
    to {
    color: #666;
    background: transparent; } }
    
    @keyframes autofill {
    to {
    color: #666;
    background: transparent; } }
    
    input:-webkit-autofill {
    -webkit-animation-name: autofill;
    animation-name: autofill;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }