:root{--secondary:#6c757d99;--light:#f8f9fa;--dark:#212529}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth;scroll-padding-top:110px;transition:all .25s ease-in-out}#root{align-items:center;background-color:#f8f9fa;background-color:var(--light);color:#212529;color:var(--dark);display:flex;flex-direction:column;font-family:-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;justify-content:space-between;line-height:1.5}#root>*{width:100%}h3,h4{letter-spacing:.2rem}footer,section{padding:1rem 20%}hr{border:0;border-bottom:1px solid #212529;border-bottom:1px solid var(--dark);margin-left:20%;width:150px}p{margin:1rem 0}header{align-items:center;background-color:var(--primary);box-shadow:0 .25rem .25rem rgba(0,0,0,.25);color:#212529;color:var(--dark);display:flex;justify-content:space-around;padding:1rem;position:fixed;z-index:100}header nav{flex:1 1;padding:1rem;text-align:right}nav a{color:#212529;color:var(--dark);font-weight:700;margin:0 .5rem;padding:.5rem 0;text-decoration:none;transition:none}nav a:hover{border-bottom:3px solid #212529;border-bottom:3px solid var(--dark)}header .button-icon,header div{margin:0 1rem}.button-icon{color:#212529;color:var(--dark);cursor:pointer;font-size:1.5rem;vertical-align:middle}.navbar-toggler-icon{visibility:hidden}header select{appearance:none;-webkit-appearance:none;background-color:transparent;border:none;color:#212529;color:var(--dark);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:700;margin-left:1rem;outline:none;padding:1rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}header select option{background-color:var(--primary);font-weight:700}.mobile-title{display:none}main{flex:1 1;margin-top:100px}section a{color:var(--primary);text-decoration:none}section a:hover{color:#212529;color:var(--dark)}section div{margin:1.5rem 0}section .projects{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(370px,1fr))}section .projects img{border:2px solid #212529;border:2px solid var(--dark);border-radius:50%;height:150px;opacity:.2;width:150px}section .projects .project{align-items:center;cursor:pointer;display:flex;justify-content:flex-start}section .projects .project div{-webkit-transform:translateX(-100px);transform:translateX(-100px)}section .projects .project:hover img{opacity:1}section .projects .project:hover div{-webkit-transform:translateX(10px);transform:translateX(10px)}section .jobs{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}section .job{align-items:center;background-color:#f8f9fa;background-color:var(--light);box-shadow:0 4px 8px 0 rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1rem;justify-content:flex-start;padding:2rem;text-align:center}section .job ul{list-style:none}section .job li{margin-top:.5rem;text-align:left}section .job li:before{content:"⌁ "}section .skills{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;width:50%}section .skills span:after{content:" ⌁"}section .info{display:flex;gap:3rem}section .info svg{font-size:1.5rem;margin-right:.5rem;vertical-align:top}footer{background-color:#6c757d99;background-color:var(--secondary);text-align:right}@media screen and (max-width:1080px){*{scroll-padding-top:0}footer,header,section{padding:1rem 5%}header{align-self:flex-end;border-radius:50%;bottom:1rem;flex-direction:column-reverse;height:60px;margin-right:1rem;order:3;position:-webkit-sticky;position:sticky;width:60px!important}header.show{border-radius:0;bottom:0;height:auto;margin-right:0;width:100%!important}header div:not(.navbar-toggler-icon),header nav{display:none}header.show div:not(.title):not(.navbar-toggler-icon){display:block}header.show nav{display:flex;flex-wrap:wrap;justify-content:center}header.show .navbar-toggler-icon{bottom:1rem;position:absolute;right:1rem}.navbar-toggler-icon{align-items:center;display:flex;justify-content:center;visibility:visible}.navbar-toggler-icon svg{height:30px;width:30px}.mobile-title{background-color:var(--primary);display:block;padding:1rem 5%}main{margin-top:0}section .skills{width:100%}section .info{display:flex;flex-direction:column;gap:1rem}hr{margin-left:5%}footer{text-align:left}}
/*# sourceMappingURL=main.f0f3455d.css.map*/