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;
62 grid-template-columns: 3fr 1fr;
63 grid-template-rows: 1;
71 @include box-shadow(-5, 5, 25, $standard-box-shadow-color);
86 text-transform: uppercase;
99 grid-template-columns: 1fr 3fr;
100 grid-template-rows: repeat(5, fit-content(100%));
101 grid-column-gap: 1em;
103 "profile-title profile-content"
104 "working-title working-content"
105 "studies-title studies-content"
106 "knowledge-title knowledge-content"
107 "personal-title personal-content";
111 h2.personal-profile {
112 grid-area: profile-title;
114 div.personal-profile {
115 grid-area: profile-content;
118 h2.working-experience {
119 grid-area: working-title;
121 div.working-experience {
122 grid-area: working-content;
128 grid-area: studies-title;
131 grid-area: studies-content;
134 grid-area: knowledge-title;
137 grid-area: knowledge-content;
140 h2.personal-details {
141 grid-area: personal-title;
143 div.personal-details {
144 grid-area: personal-content;
153 grid-template-columns: 1fr 3fr;
154 grid-template-rows: auto;
180 grid-template-columns: 1fr 1fr 1fr;
181 grid-template-rows: auto;
182 grid-column-gap: 1em;
207 margin: 11mm 15mm 15mm 17mm;
230 div.working-experience {
232 page-break-inside: avoid;
236 page-break-after: always !important;