body{background:hsla(0,0%,39%,.1);font-family:"Averia Serif Libre",sans-serif;margin:0}.main-container{margin:0 auto;max-width:1100px;width:90%}a.btn,button.btn{border:1px solid #00008b;color:#00008b}.nav .nav-item .nav-link{color:#00008b}*,:after,:before{box-sizing:border-box}.accent{background:#ff0}.decor{background:green;height:5px;width:50px}.main-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:260px 820px}.aside{background:#fff;color:#00008b;height:100vh;min-height:750px;padding:4px;position:fixed;top:0;width:270px}@media (max-width:600px){.main-container{display:block}.aside{position:relative;width:auto}}.main{background:#fff;margin-top:20px}.main,.main a{color:#00008b}.photo{display:block;height:300px;margin:auto;overflow:hidden;width:255px}.photo img{max-width:100%;object-fit:contain}.nav{padding:10px}.nav .active{font-size:1.5em}.nav .nav-link:hover{text-decoration:underline}.aside .buttons{bottom:20px;display:flex;flex-flow:row wrap;justify-content:space-around;position:absolute;width:98%}.aside .buttons .btn{margin:5px}.aside .links{border-bottom:1px solid #00008b;display:flex;padding:10px 0}.aside .links>div{margin:0 auto}.aside .links img{max-width:30px}@media (max-width:600px){.nav .nav-item{font-size:1.5em;margin:auto}}.header-container{background:url(/static/media/engineer.335d686e851553a02d8d.jpg) 0 0/100% no-repeat}.header{height:100vh;min-height:650px;padding:20px 50px 50px}.main h1,.main h2{display:block;font-weight:700;margin-top:20px}.header h1{font-size:3em}.header h2{font-size:2em}.main p{font-size:1.5em;max-width:300px}@media (max-width:600px){.header-container{background:url(/static/media/engineer.335d686e851553a02d8d.jpg) 0 0/auto 100% no-repeat}.header{height:auto}}.skills{background:url(/static/media/skills.95d536aec71309c24df7.jpg) 0 150%/100% no-repeat;height:100vh;min-height:650px;padding:20px 50px 50px}.skills-container{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:70px;grid-template-columns:1fr 1fr;margin:50px auto}.skills .card{box-shadow:2px 2px 5px grey;padding:10px;position:relative}.skills .skill-percent{display:flex;justify-content:space-between}.skills .percent,.skills .skill{display:inline;margin:5px}.skills .bar{background:grey;bottom:1px;height:5px;margin:5px;position:absolute;width:85%}.skills .progress{background:#00008b;height:inherit;width:77%}@media (max-width:600px){.skills{height:auto;padding:10px}.skills-container{grid-auto-rows:auto}}.experience{background:url(/static/media/experience.2492de324d2f3c47391c.png) 100% 0/40% 100% no-repeat;height:100vh;min-height:650px;padding:20px 50px 50px}.timeline{border-left:4px solid #00008b;height:85vh;margin-top:30px;overflow-x:hidden;overflow-y:auto;padding:10px;width:440px}.position{display:flex;margin:10px;padding:10px;width:400px}@media (max-width:600px){.experience{background:none;height:auto;padding:10px}.timeline{height:auto}.position,.timeline{width:auto}}.position h4,.position p{margin:0}.position h4{font-size:1.25em}.position p{font-size:1em}.position i{color:#000;font-weight:700}.position-bind{border-top:4px solid #00008b;height:50px;left:-30px;margin-top:15px;padding-left:4px;position:relative;width:50px}.position span{display:block}.projects{background:url(/static/media/projects.02505efffca5d45bc9a0.png) 100% 0/40% 100% no-repeat;height:100vh;min-height:650px;padding:20px 50px 50px}@media (max-width:600px){.projects{background:none;height:auto;padding:10px}}.projects .position h4{margin-bottom:5px}.courses{background:url(/static/media/courses.d2c5174d524281f6bd36.jpg) 100% 0/40% 100% no-repeat;height:100vh;min-height:650px;padding:20px 50px 50px}@media (max-width:600px){.courses{background:none;height:auto;padding:10px}}.courses .position ul{font-size:1em}.courses .position h4{color:#000;font-size:1.5em}.contact-me{background:url(/static/media/contactme.117b84ae263aaa101861.png) 100% 100%/40% no-repeat;height:100vh;min-height:650px;padding:20px 50px 50px}.contact-me form{margin-top:30px}@media (max-width:600px){.contact-me{height:auto;padding:10px}}.main a[href^="#"]:focus{outline:none;text-decoration:underline}a.btn:focus,button.btn:focus{border:1px solid green}.active{font-size:1.5em}.slide-in-left{-webkit-animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-left{0%{opacity:0;-webkit-transform:translateX(-1000px);transform:translateX(-1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.slide-in-right{-webkit-animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slide-in-right{0%{opacity:0;-webkit-transform:translateX(1000px);transform:translateX(1000px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.error{color:red;font-size:.8em;margin-left:1em}.success{color:green;margin-left:1em}.submit-group{display:flex}.submit-group span{margin:.4em}.submit-group button:disabled{border:1px solid grey}.thanks{background:url(/static/media/thanks.3bc51cf3b06f90fd1c73.png) 50% 50%/50% no-repeat;height:50vh}.flip-in-hor-bottom{-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes flip-in-hor-bottom{0%{opacity:0;-webkit-transform:rotateX(80deg);transform:rotateX(80deg)}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}@keyframes flip-in-hor-bottom{0%{opacity:0;-webkit-transform:rotateX(80deg);transform:rotateX(80deg)}to{opacity:1;-webkit-transform:rotateX(0);transform:rotateX(0)}}.custom-loader{--d:15px;-webkit-animation:s7 1s steps(8) infinite;animation:s7 1s steps(8) infinite;border-radius:50%;box-shadow:calc(var(--d)*1) calc(var(--d)*0) 0 0,calc(var(--d)*.707) calc(var(--d)*.707) 0 1px,calc(var(--d)*0) calc(var(--d)*1) 0 2px,calc(var(--d)*-.707) calc(var(--d)*.707) 0 3px,calc(var(--d)*-1) calc(var(--d)*0) 0 3px,calc(var(--d)*-.707) calc(var(--d)*-.707)0 4px,calc(var(--d)*0) calc(var(--d)*-1) 0 4px;color:#766df4;height:1px;margin:auto;width:1px}@-webkit-keyframes s7{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes s7{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-container{display:block;height:inherit;margin:0 1em;padding:1em}
/*# sourceMappingURL=main.98ea900e.css.map*/