body{background:#eee;font-family:"Lato",sans-serif;margin:0px}a{color:#1ad6fd}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}@media(max-width: 590px){h1{font-size:22px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}}header{z-index:10;width:100%;height:500px;position:fixed;background:linear-gradient(to bottom, #1d62f0 0%, #1ad6fd 100%);box-shadow:0px 10px 16px rgba(0,0,0,.45);will-change:height;top:0px}header div.title-container{opacity:1;position:relative;display:inline-block;padding:10px;top:50%;left:50%;transform:translate(-50%, -50%);transition:opacity .75s ease-in-out}header div.title-container div.title{padding:10px 20px;border:4px solid #fff;color:#fff}header div.title-container div.title h1{font-size:52px;margin:10px 0px}header div.title-container div.title h2{font-size:44px;margin:5px 0px}@media(max-width: 590px){header div.title-container div.title{padding:5px 10px}header div.title-container div.title h1{font-size:32px;margin:6px 0px}header div.title-container div.title h2{font-size:24px;margin:4px 0px}}header div.title-container.fade{opacity:0}header div.title-container.hide{display:none}.container{max-width:850px;padding:0px 10px}.flex-container{display:flex;overflow:hidden;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:15px 10px;max-width:850px;margin:auto}@media(max-width: 852px){h1{text-align:center}.flex-container{justify-content:center}}.flex-title{flex-basis:100%;color:rgba(0,0,0,.54);margin:0px;padding:0px}.card{color:rgba(0,0,0,.7);background-color:#fff;margin:15px 5px;text-align:left;-webkit-box-shadow:0px 2px 6px 0px rgba(0,0,0,.3);-moz-box-shadow:0px 2px 6px 0px rgba(0,0,0,.3);box-shadow:0px 2px 6px 0px rgba(0,0,0,.3);border-radius:2px}.card .title{margin:0px;padding:10px 16px;border-radius:2px 2px 0px 0px;background-color:#203248;color:#fff}.card .text{padding:0px 16px}.card .button{padding:12px 16px;border-top:1px solid rgba(160,160,160,.2)}.card .button a{color:#203248;text-transform:uppercase;text-decoration:none}.card ul.tab-bar{margin:0px;padding:0px 16px;background-color:#203248;list-style-type:none;user-select:none}.card ul.tab-bar li{color:#fff;font-size:22px;padding:10px 20px;display:inline-block;border-bottom-width:2px;border-bottom-color:transparent;transition:border-bottom-color .4s;border-bottom-style:solid;cursor:pointer}@media(max-width: 590px){.card ul.tab-bar li{font-size:18px}}.card ul.tab-bar li.active{border-bottom-color:#1ad6fd;transition:border-bottom-color .4s}.card .tab{display:none}.card .tab.active{display:block}.text{font-size:18px}main{margin-top:500px}section.intro{z-index:5;overflow:hidden;position:relative;background-color:#203248;box-shadow:0px 4px 8px rgba(0,0,0,.35)}section.intro article{color:#fff;padding:10px;margin:100px auto}section.intro article div{margin:auto;max-width:400px}section.intro article div h2{color:#1ad6fd;margin:0px;font-size:32px}section.intro article div b{color:#1ad6fd}section.studies{margin-top:25px}section.studies article{width:400px}section.experience article.physiocheck{width:850px}section.experience article.physiocheck .title{background-image:linear-gradient(165deg, #8FC031, #23B9D0)}section.skills article{width:850px}section.projects{margin-bottom:25px}section.projects article{width:400px}section.contact{z-index:5;overflow:hidden;position:relative;background-color:#203248;box-shadow:0px -4px 8px rgba(0,0,0,.35)}section.contact h1{color:#fff}section.contact .inline{align-self:flex-end;width:400px}section.contact .inline a{text-decoration:none}section.contact .inline svg{padding:15px;height:50px;width:50px;filter:drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.3));fill:#fff}section.contact .inline svg:hover{fill:#1ad6fd}@media(max-width: 820px){section.contact .inline{margin-top:25px}}.language-selector{position:fixed;top:10px;right:10px;cursor:pointer;z-index:25}.language-selector img,.language-selector svg{height:30px;width:50px;margin:5px;box-shadow:2px 2px 4px rgba(0,0,0,.3);opacity:.5}.language-selector img:hover,.language-selector svg:hover{opacity:1}.language-selector img.active,.language-selector svg.active{opacity:1}
