42 lines
599 B
CSS
42 lines
599 B
CSS
|
article
|
||
|
|
{
|
||
|
|
display:flex;
|
||
|
|
width: 90%;
|
||
|
|
min-height:700px;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|
||
|
|
article section
|
||
|
|
{
|
||
|
|
flex: 1 1 auto;
|
||
|
|
}
|
||
|
|
.left{
|
||
|
|
width:10%;
|
||
|
|
padding:2%;
|
||
|
|
background-color: #657b83;
|
||
|
|
}
|
||
|
|
.right{
|
||
|
|
width:10%;
|
||
|
|
padding:2%;
|
||
|
|
float:right;
|
||
|
|
background-color: #93a1a1;
|
||
|
|
}
|
||
|
|
.center{
|
||
|
|
padding:5%;
|
||
|
|
width:80%;
|
||
|
|
background-color: #839496;
|
||
|
|
}
|
||
|
|
a.button{
|
||
|
|
display: inline-block;
|
||
|
|
margin:2px auto;
|
||
|
|
background-color: #586e75;
|
||
|
|
text-align: center;
|
||
|
|
color: white;
|
||
|
|
width:100%;
|
||
|
|
text-align: center;
|
||
|
|
padding: 2px;
|
||
|
|
border: 1px solid #073642;
|
||
|
|
|
||
|
|
}
|
||
|
|
a.button:hover{
|
||
|
|
background-color: #073642;
|
||
|
|
}
|