*{
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

.navbar-brand{
    
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 111px;
}

.doing
{
    position: absolute;
    margin-left: 70px;
    height: 9vh;
    margin-top: -20px;
    
}

.first
{
    width: 100%;
    height: 30vh;
    
}

.mid
{
    width: 80%;
    margin: auto;
    height: 30vh;
    
}

.mid h1
{
    text-align: center;
    
}

.mid p
{
    text-align: center;
}

.box
{
    width: 270px;
    height: 55vh;
    
        box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.27);
        
      
    
    margin-left: 200px;
}

.fitness
{
    width: 270px;
    height: 27vh;
}

.box h3
{
    padding-top: 10px;
    padding-left: 10px;
    color: rgb(12, 89, 140);
}

.box p
{
    padding-left: 10px;
}

.lalala
{
    margin-top: 150px;
}

.add
{
    width: 200px;
    margin-left: 510px;
    
}

.noww
{
    margin-top: 300px;
}