|
|
|
@ -1,4 +1,5 @@
|
|
|
|
|
.panel {
|
|
|
|
|
max-width: 1500px;
|
|
|
|
|
padding: 0 30px;
|
|
|
|
|
position: relative;
|
|
|
|
|
display: flex;
|
|
|
|
@ -9,26 +10,14 @@
|
|
|
|
|
max-width: 640px;
|
|
|
|
|
|
|
|
|
|
img {
|
|
|
|
|
width: 90%;
|
|
|
|
|
border-radius: 50px;
|
|
|
|
|
border: 4px solid $quaternary;
|
|
|
|
|
box-shadow: 0 3px 10px rgba($secondary, 25%);
|
|
|
|
|
width: 100%;
|
|
|
|
|
border-radius: 4px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.panel__body {
|
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
|
|
.body__number {
|
|
|
|
|
position: absolute;
|
|
|
|
|
top: -90px;
|
|
|
|
|
left: -30px;
|
|
|
|
|
font-weight: $font-bold;
|
|
|
|
|
font-size: $font-panel;
|
|
|
|
|
color: $quaternary;
|
|
|
|
|
z-index: -1;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.body__title {
|
|
|
|
|
font-size: $font-heading;
|
|
|
|
|
font-weight: $font-bold;
|
|
|
|
@ -36,7 +25,7 @@
|
|
|
|
|
|
|
|
|
|
.body__content {
|
|
|
|
|
margin: 40px 0;
|
|
|
|
|
max-width: 800px;
|
|
|
|
|
max-width: 700px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
@ -47,9 +36,6 @@
|
|
|
|
|
.panel__body {
|
|
|
|
|
margin-right: 0;
|
|
|
|
|
margin-left: 10px;
|
|
|
|
|
.body__number {
|
|
|
|
|
left: 90%;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|