1 /* Reset rules by Eric S. Meyer
2 http://meyerweb.com/eric/tools/css/reset/
4 License: none (public domain)
6 html
, body
, div
, span
, applet
, object
, iframe
,
7 h1
, h2
, h3
, h4
, h5
, h6
, p
, blockquote
, pre
,
8 a
, abbr
, acronym
, address
, big
, cite
, code
,
9 del
, dfn
, em
, img
, ins
, kbd
, q
, s
, samp
,
10 small
, strike
, strong
, sub
, sup
, tt
, var
,
12 dl
, dt
, dd
, ol
, ul
, li
,
13 fieldset
, form
, label
, legend
,
14 table
, caption
, tbody
, tfoot
, thead
, tr
, th
, td
,
15 article
, aside
, canvas
, details
, embed
,
16 figure
, figcaption
, footer
, header
, hgroup
,
17 menu
, nav
, output
, ruby
, section
, summary
,
18 time
, mark
, audio
, video
{
24 vertical-align: baseline
; }
26 /* HTML5 display-role reset for older browsers */
27 article
, aside
, details
, figcaption
, figure
,
28 footer
, header
, hgroup
, menu
, nav
, section
{
40 blockquote:before
, blockquote:after
,
46 border-collapse: collapse
;
50 font-family: 'Montserrat', sans-serif
;
52 text-transform: uppercase
; }
55 font-family: 'Montserrat', sans-serif
;
57 text-transform: uppercase
; }
60 font-family: 'Montserrat', sans-serif
;
62 text-transform: uppercase
; }
65 font-family: 'Montserrat', sans-serif
;
67 text-transform: uppercase
; }
70 font-family: 'Montserrat', sans-serif
;
72 text-transform: uppercase
; }
75 font-family: 'Montserrat', sans-serif
;
77 text-transform: uppercase
; }
87 text-decoration: underline
; }
92 font-family: 'Open Sans', sans-serif
;
96 background-color: #F5F5F5;
97 background: radial-gradient
(farthest-corner at
1% 1%, #F5F5F5 30%, #9E9E9E 100%); }
102 grid-template-columns: 1fr 1fr 1fr 1fr;
103 grid-template-rows: auto
;
104 grid-template-areas: "header header header header" "main main main main" "footer footer footer footer"; }
105 body #wrapper #language
{
114 body #wrapper #menu
{
120 background-color: #616161;
121 -webkit-box-shadow: 0px 10px 25px #484848;
122 -moz-box-shadow: 0px 10px 25px #484848;
123 box-shadow: 0px 10px 25px #484848;
124 transition: width
0.4s ease-in-out
; }
125 body #wrapper #menu
.closed
{
127 body #wrapper #menu
.closed #menu-content
{
129 body #wrapper #menu #menu-content
{
133 padding-right: 1em; }
134 body #wrapper #menu #menu-content #print-page i
{
137 body #wrapper #header
{
140 grid-template-columns: 3fr 1fr;
141 grid-template-rows: 1;
142 grid-template-areas: "name photo"; }
143 body #wrapper #header figure
{
146 body #wrapper #header figure img
{
148 -webkit-box-shadow: -5px 5px 25px #484848;
149 -moz-box-shadow: -5px 5px 25px #484848;
150 box-shadow: -5px 5px 25px #484848; }
151 body #wrapper #header #heading
{
156 body #wrapper #header #heading div h1
{
159 body #wrapper #header #heading div
#address
{
160 text-transform: uppercase
; }
161 body #wrapper #header #heading div
#address i
{
164 body #wrapper #main
{
166 body #wrapper #main #container #content
{
168 grid-template-columns: 1fr 3fr;
169 grid-template-rows: repeat
(5, fit-content
(100%));
170 grid-column-gap: 1em;
171 grid-template-areas: "profile-title profile-content" "working-title working-content" "studies-title studies-content" "knowledge-title knowledge-content" "personal-title personal-content"; }
172 body #wrapper #main #container #content div
, body #wrapper #main #container #content h2
{
174 body #wrapper #main #container #content h2
.personal-profile
{
175 grid-area: profile-title
; }
176 body #wrapper #main #container #content div
.personal-profile
{
177 grid-area: profile-content
;
178 text-align: justify
; }
179 body #wrapper #main #container #content h2
.working-experience
{
180 grid-area: working-title
; }
181 body #wrapper #main #container #content div
.working-experience
{
182 grid-area: working-content
; }
183 body #wrapper #main #container #content div
.working-experience
div:first-child
{
185 body #wrapper #main #container #content h2
.studies
{
186 grid-area: studies-title
; }
187 body #wrapper #main #container #content div
.studies
{
188 grid-area: studies-content
; }
189 body #wrapper #main #container #content h2
.knowledge
{
190 grid-area: knowledge-title
; }
191 body #wrapper #main #container #content div
.knowledge
{
192 grid-area: knowledge-content
;
193 text-align: justify
; }
194 body #wrapper #main #container #content h2
.personal-details
{
195 grid-area: personal-title
; }
196 body #wrapper #main #container #content div
.personal-details
{
197 grid-area: personal-content
; }
198 body #wrapper #main #container #content h2
{
200 body #wrapper #main #container #privacy
{
203 grid-template-columns: 1fr 3fr;
204 grid-template-rows: auto
;
206 grid-template-areas: ". refs" ". privacy"; }
207 body #wrapper #main #container #privacy div#refs
{
209 body #wrapper #main #container #privacy div#notice
{
210 grid-area: privacy
; }
211 body #wrapper #main #container #privacy div#notice
,
212 body #wrapper #main #container #privacy div#refs
{
215 font-style: italic
; }
216 body #wrapper #footer
{
220 body #wrapper #footer p
{
222 grid-template-columns: 1fr 1fr 1fr;
223 grid-template-rows: auto
;
224 grid-column-gap: 1em;
225 grid-template-areas: "mail name phone"; }
226 body #wrapper #footer p span i
{
228 body #wrapper #footer p span#mail
{
231 body #wrapper #footer p span#name
{
233 text-align: center
; }
234 body #wrapper #footer p span#phone
{
240 margin: 17mm 15mm 17mm 15mm; }
244 body #wrapper #language
,
245 body #wrapper #menu
{
247 body #wrapper #header figure
{
249 body #wrapper #header figure img
{
252 body #wrapper #main #container #content div
.working-experience div
{
253 page-break-inside: avoid
; }
254 body #wrapper #main #container #content div
.knowledge
p:last-child
{
255 page-break-after: always
!important
; }
256 body #wrapper #main #container #content h2
.personal-details
{
257 page-break-before: always
; }
258 body #wrapper #footer
{
267 /*# sourceMappingURL=style.css.map */