body{
-background: #0000aa;
-color: #7cffff;
-margin-top: 50px;
}

.menu{
margin-top: -4px;
font-size: 0;
}













.cloud{
overflow: hidden;
-margin-top: 40px;
-position: absolute;
position: fixed;
border: 1px solid black;
border-radius: 6px;
-background: black;
}

.ul_class{
padding: 0;
margin: 0;
font-size: 0;
}

.li_cloud{
display: inline;
font-size: 12px;
}


.a_cloud{
color: White;
text-decoration: none;
display: inline-block;
-padding: 10px 10px 10px 10px;
}

.a_cloud:hover{
background: Gray;
}

.active{
background: DarkOrange;
}



















textarea {
    -width: 90%; /* Ширина поля в процентах */
    -height: 200px; /* Высота поля в пикселах */
    resize: none; /* Запрещаем изменять размер */
   } 










pre, html{
font-family: 'Mulish', sans-serif;
}



.brick {
width: 900px;
-background: red;
margin-top: 50px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
} 

.brick0{
display: inline-block;
position: relative;
padding: 0px;
margin-top: 10px;
margin-left: 10px;
border: 1px solid black;
font-size: 11px;
border-radius: 5px;


overflow: hidden;
-background: OldLace;
color: black;
width: 100px;
height: 100px;
}

.brick1{

position: absolute;
bottom: -2px;
width: 100px;
background: White;
padding-left: 25px;
color: black;

}

 
.brick2 {
width: 150px;
margin-top: 5px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
} 
.brick3 {
width: 800px;
margin-top: 5px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
-background: blue;
}
 

.brick4 {
display: inline-block;
margin-top: 0px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
-background: blue;
font-size: 11px;
}