5 /// Base font size setting
10 family: 'Open Sans', sans-serif;
15 background-color: $primary-color-light;
16 background: radial-gradient(farthest-corner at 1% 1%, $primary-color-light 30%, $primary-color 100%);
21 grid-template-columns: 1fr 1fr 1fr 1fr;
22 grid-template-rows: auto;
24 "header header header header"
26 "footer footer footer footer";
35 color: $primary-color-light;
43 background-color: $primary-color-dark;
44 @include box-shadow(0, 10, 25, $standard-box-shadow-color);
45 transition: width 0.4s ease-in-out;
60 color: $primary-color-light;
68 grid-template-columns: 3fr 1fr;
69 grid-template-rows: 1;
77 @include box-shadow(-5, 5, 25, $standard-box-shadow-color);
92 text-transform: uppercase;
105 grid-template-columns: 1fr 3fr;
106 grid-template-rows: repeat(5, fit-content(100%));
107 grid-column-gap: 1em;
109 "profile-title profile-content"
110 "working-title working-content"
111 "studies-title studies-content"
112 "knowledge-title knowledge-content"
113 "personal-title personal-content";
117 h2.personal-profile {
118 grid-area: profile-title;
120 div.personal-profile {
121 grid-area: profile-content;
124 h2.working-experience {
125 grid-area: working-title;
127 div.working-experience {
128 grid-area: working-content;
134 grid-area: studies-title;
137 grid-area: studies-content;
140 grid-area: knowledge-title;
143 grid-area: knowledge-content;
146 h2.personal-details {
147 grid-area: personal-title;
149 div.personal-details {
150 grid-area: personal-content;
159 grid-template-columns: 1fr 3fr;
160 grid-template-rows: auto;
186 grid-template-columns: 1fr 1fr 1fr;
187 grid-template-rows: auto;
188 grid-column-gap: 1em;
213 margin: 17mm 15mm 17mm 15mm;
236 div.working-experience {
238 page-break-inside: avoid;
243 page-break-after: always !important;
246 h2.personal-details {
247 page-break-before: always;