.video1{
    max-width:100%;
}
.float-button-add-post{
    margin: 0 20px 80px 20px;
}
.login-form-style{
    width: 300px; 
    border-radius: 20px; 
    margin-bottom: 10px
}

.login-form-note{
    font-size: 12px; 
    color:red;
}

.progress {
  width: 100%;
  height: 5px;
  background: red;
  margin:5px;
  animation: countdown 120s linear forwards;
}
@keyframes countdown {
  from { width: 100%; }
  to { width: 0%; }
}

.footer-style{
text-align: center; 
/* border-radius: 50px 50px 0 0; */
background-color: #3B3C36; 
max-height: 200px; 
min-height: 80px; 
padding: 20px;
border-top: 1px solid orange;
}

.footer-bitninja-text{
    color: white; 
    font-size: 10px;
}

.navbar-style{
    margin: 0 0 2% 0;
    padding: 0 3% 0 3%;
    background-color: #04070E;
    /*border-radius:0 0 100px 100px;
    box-shadow:0 0 5px white;*/
}

.body-style{
    padding: 0 2% 80px 2%;
    min-height: 720px;
    background-color: #04070E;
    color: #C0C0C0;
}

.avatar{
    max-width: 120px; 
    border-radius: 20px; 
    padding: 3px;
    border: 1px solid #D6D3D1;
    margin: 5px;
}

.avatar:hover{
    max-width: 120px; 
    border-radius: 20px; 
    padding: 3px;
    box-shadow: 0 0 7px grey;
    margin: 5px;
}

.crypto-icon-20{
    width: 20px;
}

.crypto-icon-40{
    width: 40px;
}

.user-hello-in-dashboard{
    font-weight: bold;
    font-size:14px;
}

.rating-font-size{
    font-size: 10px;
}
/*BOXES-------------------------------------------------------------------------*/
.box{
    border-radius: 7px; 
    box-shadow:0 0 3px grey;
    padding: 7px; 
    margin: 3px;
}

.box:hover{
    border-radius: 7px; 
    box-shadow:0 0 7px grey;
    padding: 7px; 
    margin: 3px;
}

.box-no-margin{
    border-radius: 7px; 
    box-shadow:0 0 3px grey;
    padding: 7px; 
}

.box-no-margin:hover{
    border-radius: 7px; 
    box-shadow:0 0 7px grey;
    padding: 7px; 
}

.box-700{
    border-radius: 7px; 
    box-shadow:0 0 3px grey;
    padding: 7px; 
    margin: 5px;
    max-width: 700px;
}

.bottom-menu-box{
    border-radius: 50px 50px 0 0; 
    box-shadow:0 0 3px grey;
    padding: 7px 10% 7px 10%;
}

.bottom-menu-box:hover{
    border-radius: 50px 50px 0 0; 
    box-shadow:0 0 7px grey;
    padding: 7px 10% 7px 10%; 
}


/*MARGIN------------------------------------------------------------------------*/
.margin-top-2{
    margin: 2% 0 0 0;
}

.margin-side-10{
    margin: 0 10px 0 10px;
}



/*COLORS------------------------------------------------------------------------*/
.color-grey{
    color: grey;
}

.color-green{
    color: green;
}

.color-red{
    color: red;
}