:root{--primary-color:#ffd817;--secondary-color:#333;--text-color:#000;--background-color:#fff}*{box-sizing:border-box}body{padding:38px 0 100px 0;margin:0;font-family:helvetica,arial,sans-serif;font-size:14px;background-color:var(--primary-color)}p{line-height:1.3;margin:0 0 20px 0}h1{font-size:50px;margin:0 0 50px 0}h2{font-size:25px;margin:0 0 25px 0}h3{font-size:20px}h3,h4{margin:0 0 20px 0}h4{font-size:16px}section{padding:50px 10px;box-sizing:border-box}div.wrapper{margin:0 auto;display:flex;max-width:1200px;flex-direction:column}div.toggle{text-align:left;position:fixed;top:0;width:100%;background-color:#000;height:38px;box-sizing:border-box}div.toggle button{padding:9px 10px;background-color:transparent;border:none}div.toggle button:hover{cursor:pointer}div.toggle svg path{fill:#fff}div.toggle button:hover svg path{fill:var(--primary-color)}nav{text-align:left;position:fixed;top:38px;background-color:#000;display:none;padding:0 0 10px 0;border-top:1px solid #333}nav,nav a{width:100%}nav a{padding:0 10px;display:inline-block;color:#fff;font-size:14px;text-decoration:none;line-height:38px}nav a:hover{color:var(--primary-color);background-color:#222}nav.showNav{display:block}.intro{background-color:var(--background-color);min-height:400px;display:flex}.intro .wrapper{flex-direction:column}.intro .wrapper aside{flex-grow:1}.intro .wrapper .photo{background-size:cover;margin-top:30px}.intro .wrapper .photo img{width:100%}.intro-social{font-size:18px}.intro-social a{text-decoration:none;color:var(--text-color)}.intro-social a:hover{text-decoration:underline}.email{background-color:var(--primary-color);color:var(--text-color);display:inline-block;padding:10px;text-decoration:none;font-size:18px;margin-bottom:30px;font-weight:700}.email:hover{background-color:#ffdf43}.aboutme{min-height:400px;display:flex}.aboutme aside{padding-top:30px}.aboutme aside ul{margin:0 0 0 20px;padding:0;line-height:22px}.aboutme aside ul li{margin:0 0 10px 0}section.quote{background-color:var(--secondary-color);font-size:25px;line-height:1.5;font-weight:700;font-style:italic;color:#fff}.quote .wrapper{padding:0 30px}.quote .wrapper,.workexperience .wrapper{flex-direction:column}.workexperience aside{border-bottom:1px solid var(--text-color);margin:0 0 30px;padding:0 0 10px}.workexperience .more_jobs aside:last-of-type,.workexperience .wrapper>aside:last-of-type{border-bottom:none}#projects{background-color:var(--secondary-color)}#projects h2,#projects h3,#projects h4,#projects p{color:#f2f2f2}#projects aside{border-bottom-color:#f2f2f2}.more_button{padding:10px;background-color:var(--secondary-color);width:60px;font-size:12px;color:#fff;text-align:center;cursor:pointer}.more_button:hover{background-color:#222}.more_jobs{display:block}.more_jobs[v-if]{display:none}.education{background-color:var(--background-color)}.education .wrapper{display:flex;flex-direction:column}.education aside{margin:0 0 0;padding:0 0 10px}.education aside+aside{border-top:1px solid var(--text-color);padding-top:30px}.education aside:last-child{padding-bottom:0}.education aside:last-child,.education aside:last-child p{margin-bottom:0}.interests .wrapper{display:flex;flex-direction:column;margin:0 auto}.interests .wrapper .photo{min-width:45%;min-height:300px;margin-top:30px}.interests .wrapper .photo img{width:100%}.interests a{color:var(--text-color);font-weight:700;text-decoration:none}.interests a:hover{text-decoration:underline}footer{position:fixed;left:0;bottom:0;width:100%;text-align:center;background-color:var(--background-color);box-sizing:border-box;border-top:2px solid var(--text-color)}div.socialmedia{padding:14px 0 10px}div.socialmedia a{display:inline-block;height:35px}div.copyright{width:100%;padding:10px;background-color:var(--secondary-color);color:#fff}.slideshow-container{max-width:1000px;position:relative;margin:auto}.next,.prev{cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:#fff!important;font-weight:700;font-size:18px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.next{right:0;border-radius:3px 0 0 3px}.next:hover,.prev:hover{background-color:rgba(0,0,0,.8);text-decoration:none!important}.text{font-size:15px;bottom:8px;width:100%;text-align:center}.numbertext,.text{color:#f2f2f2;padding:8px 12px;position:absolute}.numbertext{font-size:12px;top:0}.dot{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.active,.dot:hover{background-color:#717171}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@keyframes fade{0%{opacity:.4}to{opacity:1}}@media only screen and (min-width:920px){.toggle{display:none}nav{display:block;top:0;padding:0;border:none;text-align:center}nav a{padding:0 10px;display:inline-block;color:#fff;font-size:14px;text-decoration:none;line-height:38px;width:auto}section{padding:50px 20px}.intro .wrapper{flex-direction:row}.intro .wrapper .photo{margin-left:30px;max-width:45%;margin-top:0}.aboutme .wrapper{flex-direction:row}.me{margin-right:50px}.aboutme aside{min-width:30%;padding-top:0}.interests .wrapper{flex-direction:row}.interests .photo{margin-left:30px;max-width:45%}}