body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-dark:#171c1f;--color-orange:#e04700;--color-light:#edf7ef;--color-box-focus:0 0 0 4px rgba(11,156,240,.6);--color-box-focus-less:0 0 0 3px rgba(11,156,240,.6);--color-shadow:0 2px 4px rgba(0,0,0,.8)}body,html{background-color:#edf7ef;background-color:var(--color-light);min-height:calc(100vh - 90px)}.App{margin-bottom:32px;margin-top:90px;padding:0 20%;position:relative}.header{align-items:center;background-color:#171c1f;background-color:var(--color-dark);box-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:var(--color-shadow);color:#fff;display:flex;flex-direction:row;justify-content:space-between;left:0;padding:16px;position:fixed;top:0;width:calc(100% - 32px);z-index:9999999}.header__title{font-size:32px}.header__button{background-color:#edf7ef;background-color:var(--color-light);border-radius:8px;color:#171c1f;color:var(--color-dark);margin:0 8px;padding:8px 16px;text-decoration:none;transition:all .1s ease-in-out}.header__button:hover{background-color:#e04700;background-color:var(--color-orange);color:#edf7ef;color:var(--color-light)}.mobile__nav__contents .header__button{font-size:20px;margin:16px 0;padding:16px;text-align:center;width:calc(100% - 32px)}.hamburgerMenu{background-color:#edf7ef;background-color:var(--color-light);border-radius:8px;height:48px;justify-content:center;width:48px}.hamburgerMenu,.menuContents{align-items:center;display:flex;flex-direction:column}.menuContents{justify-content:flex-start;padding:0 32px}.hamburgerMenu:hover{box-shadow:0 0 0 4px rgba(11,156,240,.6);box-shadow:var(--color-box-focus);cursor:pointer}.menuRow{height:6px;position:relative;width:32px}.menuRow:before{background-color:#3b3b3b;border-radius:3px;content:"";height:3px;left:0;opacity:1;position:absolute;top:2px;transition:all .1s ease-in-out;width:32px}.mobile__nav{background-color:#171c1f;background-color:var(--color-dark);height:0;left:0;overflow:hidden;position:fixed;-webkit-transform:translateY(16px);transform:translateY(16px);-webkit-transform-origin:top;transform-origin:top;transition:all .2s ease-in-out;width:100%}.mobile__nav__contents{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding:0 32px;transition:all .2s ease-in-out}.is--open .mobile__nav{height:100%}.is--open .mobile__nav__contents{padding:32px;-webkit-transform:scaleY(1);transform:scaleY(1)}.is--open .row__top:before{top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.is--open .row__middle:before{opacity:0}.is--open .row__bottom:before{top:-4px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.intro{font-size:24px;margin:0}.experience{border:2px solid #171c1f;border:2px solid var(--color-dark);border-radius:16px;box-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:var(--color-shadow)}.experience p{margin:0;padding:8px}.experience p:nth-of-type(2n){background-color:#d3d3d3}.experience p:first-of-type{border-top-left-radius:16px;border-top-right-radius:16px}.experience p:last-of-type{border-bottom-left-radius:16px;border-bottom-right-radius:16px}.experience a{color:#171c1f;color:var(--color-dark)}.flex{display:flex}.flex.row{flex-direction:row}.flex .half-width{width:45%}.flex.between{flex:1 1;justify-content:space-between}.section{width:100%}.section__title{font-size:24px;padding:8px 0 18px;text-align:center}.project{margin-bottom:16px;transition:all .1s ease-in-out}.project__title__container{align-items:center;display:flex;justify-content:space-between;padding:16px 32px 16px 16px;position:relative}.project__title{font-size:20px}.project__tag{background-color:#edf7ef;background-color:var(--color-light);border-radius:8px;color:#000;font-size:12px;margin:0 4px;padding:4px 8px}.project__title__container:before{border-radius:4px;border-right:3px solid #171c1f;border-right:3px solid var(--color-dark);border-top:3px solid #171c1f;border-top:3px solid var(--color-dark);bottom:18px;content:"";height:14px;position:absolute;right:14px;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all .2s ease-in-out;width:14px}.project__title__container:hover{box-shadow:0 0 0 4px rgba(11,156,240,.6);box-shadow:var(--color-box-focus);cursor:pointer}.project__summary{height:0;overflow:hidden;padding:0 16px;position:relative;transition:all .2s ease-in-out}.project__summary:before{background-color:#171c1f;background-color:var(--color-dark);content:"";height:2px;position:absolute;right:50%;top:0;transition:all .2s ease-in-out;width:0}.project__links{align-items:center;display:flex;flex-direction:row;justify-content:center}.project__links a{padding:0 8px}.project__img{border:2px solid #171c1f;border:2px solid var(--color-dark);border-radius:8px;margin-top:8px;max-width:calc(100% - 16px);padding:8px}.project.is--open .project__title__container:before{bottom:22px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.project.is--open .project__summary{height:auto;padding:16px}.project.is--open .project__summary:before{right:5%;width:90%}.education__item{border:2px solid #171c1f;border:2px solid var(--color-dark);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.8);box-shadow:var(--color-shadow);margin-bottom:16px}.education__title{background-color:#171c1f;background-color:var(--color-dark);color:#edf7ef;color:var(--color-light);font-size:20px;padding:16px}.education__details{padding:16px}.education__item__titla{font-weight:700}.education__item__titla:not(:first-of-type){margin-top:12px}.demo_link{color:#fff;transition:all .1s ease-in-out}.demo_link:hover{color:#05059e}.inline_link,.inline_link:not(:visited),.inline_link:visited{color:#e04700;color:var(--color-orange)}.version{bottom:16px;position:fixed;right:16px}@media (max-width:1024px){.App{padding:0 10%}.flex.mobile--column{flex-direction:column}.flex .half-width{width:100%}}@media (max-width:720px){.App{padding:0 16px}.flex.mobile--column{flex-direction:column}.flex .half-width{width:100%}.project__tags{margin:8px 0 0}.version{right:0;text-align:center;width:100%}}
/*# sourceMappingURL=main.a132710f.css.map*/