.container {
    margin: 0 10%;
}
.text-center {
    text-align: center;
}
h1 {
    font-family: Roboto, sans-serif;
}
h2 {
    font-family: Roboto, sans-serif;
}

/* .one {
    padding: 5px 3px;
    margin: 5px 0;
    border: 1px solid black;
} */
span i {
    font-size: 14px;
    color: #444;
}

.three {
    border: 2px solid red;
}

/* home work */
.out1, .out2, .out3, 
.out4, .out5, .out6, 
.out7, .out8, .out9, 
.out10, .out11, .out12, 
.out13, .out14, .out15, 
.out16, .out17, .out19 {
    border: 1px solid #000;
    padding: 5px;
    margin: 3px 0;
}

.out-1, .out-2, .out-3, 
.out-4, .out-5, .out-6, 
.out-7, .out-8, .out-9, 
.out-10, .out-11, .out-12, 
.out-13, .out-14, .out-15, 
.out-16, .out-17, .out-19 {
    border: 1px solid #000;
    padding: 5px;
    margin: 3px 0;
}

.bg-orange {
    background: orange;
    padding: 5px;
    color: #3a00a5;
    font-weight: 700;
}

.block {
    border: 2px solid #703f3f;
    padding: 10px;
    margin: 3px 10px;
    display: inline-block;
    width: 90px;
    height: 90px;
    text-align: center;
}
.block-hw {
    border: 2px solid #999;
    padding: 5px;
    margin: 3px 10px;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
}
div.hr {
    border-bottom: 1px dashed #7e7e7e;
    margin: 10px 0;
}

.block1, .block2 {
    width: 250px;
    height: 250px;
    border: 3px solid red;
    margin: 10px;
}

.orange {
    background: orange;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.red {
    background: red;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.blue {
    background: blue;
    padding: 5px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.yellow {
    background: yellow;
    padding: 5px;
    color: #000;
    font-weight: 700;
    display: flex;
    align-items: center;
}
span.material-icons {
    margin: 0 5px;
}



/* homework */
.div-1, .div-2, .div-3, 
.div-3_1, .div-3_2 {
    width: 200px;
    height: 200px;
    border: 3px solid blue;
    margin: 10px auto;
}
.div-3_1, .div-3_2 {
    width: 200px;
    height: 200px;
    border: 3px solid olivedrab;
    margin: 10px auto;
}