.top-bar{font-size:30px;font-weight:500;text-align:center}.nav-item{border-radius:50%;display:flex;justify-content:flex-end;align-items:center;text-transform:uppercase;font-size:24px;font-weight:500}.nav-item:before{content:"";padding-top:100%}.nav-items{position:relative}.nav-items__item{width:100%;max-height:200px;max-width:200px;opacity:1;transition:opacity .625s,left .625s,top .625s;position:absolute;left:calc(50% - 100px);z-index:2}.nav-items__item:first-child{left:calc(50% - 250px);z-index:3}.nav-items__item:last-child{left:calc(50% + 50px);z-index:1}.nav-items__item:hover{cursor:pointer}.nav-items__item.-focussed{left:0;cursor:default}.nav-items__item.-hidden{opacity:0;pointer-events:none;cursor:default}@media (max-width: 630px){.nav-items__item{left:calc(50% - 100px);top:150px}.nav-items__item:first-child{left:calc(50% - 100px);top:0}.nav-items__item:last-child{left:calc(50% - 100px);top:300px}.nav-items__item.-focussed{left:calc(50% - 100px);top:0;opacity:0}}.info-box__header{display:flex;justify-content:flex-end;padding:10px}.info-box__icon-button{cursor:pointer}.info-box__content{padding:0 10px 15px}.material-design-icon{display:inline-flex;align-self:center;position:relative;height:2.125em;width:2.125em}.material-design-icon>.material-design-icon__svg{height:2.125em;width:2.125em;fill:currentColor;position:absolute;bottom:-.125em}.about-me__text{margin:0 0 10px}.about-me__text a{cursor:pointer}.about-me__links{display:flex;justify-content:space-evenly;max-width:400px;width:100%;margin:20px auto 0}.about-me__link{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.about-me__link img{max-height:70px}.about-me__link span{text-align:center}.my-projects{width:100%;display:flex;flex-direction:column}.my-projects__project{display:flex;flex-direction:column;padding:20px 30px;border-radius:8px;box-shadow:0 2px 4px #00000040}.my-projects__project:not(:first-child){margin:10px 0 0}.my-projects__project-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 20px}.my-projects__project-summary img{max-width:70px;margin:0 0 10px}.my-projects__project-label{font-weight:500}.my-projects__project-detail{flex-grow:1;display:flex;flex-direction:column}.my-projects__project-description{flex-grow:1;margin:0 0 20px}.my-projects__project-description ul{margin:0;padding:0 25px}.my-projects__project-links{margin:0 0 10px;display:flex;justify-content:center}.my-projects__project-technologies{display:flex;justify-content:flex-end;flex-wrap:wrap}.my-projects__project-technology{margin:10px 0 0;max-height:30px;border-radius:4px}.my-projects__project-technology:not(:first-child){margin:10px 0 0 15px}@media (max-width: 630px){.my-projects__project{padding:20px}}.contact-me{padding:0 10px}.contact-me__form{display:flex;flex-direction:column}.contact-me__form textarea,.contact-me__form input{border:none;outline:none}.contact-me__form textarea{min-height:150px;resize:none}.contact-me__input{font-size:14px;margin:15px 0 0;padding:5px 10px;font-family:inherit}.contact-me__footer{margin:15px 0 0;display:flex}.contact-me__footer-status{flex-grow:1;display:flex;justify-content:flex-end;padding:0 20px;align-items:center}.contact-me__button{font-size:14px;min-width:80px;min-height:30px;border:none;border-radius:4px;cursor:pointer;box-shadow:0 2px 4px #00000040;outline:none}.contact-me__button:disabled{cursor:default}.contact-me__button:active{box-shadow:0 0 4px #00000040;position:relative;top:2px}html,body{margin:0}.app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app a,.app a:visited{color:#0000cd;text-decoration:none}.app__top-bar{padding:30px}.app__content-wrapper{display:flex;justify-content:center;padding:30px}.app__content{width:100%;max-width:1000px;position:relative}.app__info-box{opacity:0;transition:opacity .625s;z-index:10;pointer-events:none;position:absolute;width:calc(100% - 225px);right:0}.app__info-box.-focussed{opacity:1;pointer-events:unset}@media (max-width: 630px){.app__content-wrapper{padding:0}.app__info-box{width:100%}}