/* columns */

.row{
    display: flex;
    flex-wrap: nowrap;
}

.col-1{
    width: 10%;
    margin: 10px;
    padding: 10px;
}

.col-2{
    width: 20%;
    margin: 10px;
    padding: 10px;
}

.col-3{
    width: 30%;
    margin: 10px;
    padding: 10px;
}

.col-4{
    width: 40%;
    margin: 10px;
    padding: 10px;
}

.col-5{
    width: 50%;
    margin: 10px;
    padding: 10px;
}

.col-6{
    width: 60%;
    margin: 10px;
    padding: 10px;
}

.col-7{
    width: 70%;
    margin: 10px;
    padding: 10px;
}

.col-8{
    width: 80%;
    margin: 10px;
    padding: 10px;
}

.col-9{
    width: 90%;
    margin: 10px;
    padding: 10px;
}

.col-10{
    width: 100%;
    margin: 10px;
    padding: 10px;
}