body{margin:0}.clean-link{text-decoration:none;color:inherit}body{background-color:#ddd;color:#333;font-family:Fjord One,Helvetica,sans-serif;font-size:18px}.container{display:flex;justify-content:center}.vertical{flex-direction:column}img{max-width:100%}.flex-left{justify-content:flex-start}.flex-right{justify-content:flex-end}.flex-center{display:flex;justify-content:center;align-items:center}.font-small{font-size:16px}.font-tiny{font-size:14px}.pulse:hover .pulse-font{transition:font-size .1s linear;font-size:18.75px}.social-icon{transition:all .2s linear;flex:1 1 auto;font-size:128px;padding:8px}.social-icon:hover{font-size:132px}@media screen and (max-width:575px){.social-icon{font-size:96px}.social-icon:hover{font-size:100px}}@keyframes loading{0%,80%,to{box-shadow:0 25px 0 -20px}40%{box-shadow:0 25px 0 0}}.loading-wrapper{display:flex;justify-content:center;align-items:center;height:100%}.loading-indicator,.loading-indicator:after,.loading-indicator:before{border-radius:50%;width:25px;height:25px;animation-fill-mode:both;animation:loading 1.8s infinite ease-in-out}.loading-indicator{transform:translateZ(0);animation-delay:-.16s}.loading-indicator:after,.loading-indicator:before{content:"";position:absolute;top:0}.loading-indicator:before{left:-56px;animation-delay:-.32s}.loading-indicator:after{left:56px}.contacts-wrapper{display:flex;justify-content:space-around;align-items:center;height:100%}@media screen and (max-width:575px){.contacts-wrapper{flex-direction:column}}.carousel{height:250px;width:80%;min-width:200px;max-width:600px;position:relative}.carousel-trigger{position:absolute;display:inline-block;width:50%;height:100%;cursor:pointer;z-index:1}.carousel-trigger.carousel-trigger-right{right:0;top:0}.carousel-trigger.carousel-trigger-left{left:0;top:0}.carousel-animation-wrapper{overflow:hidden;position:relative;height:100%;width:100%;display:inline-block}.carousel-transition-left-enter{opacity:0;transform:translateX(-100%)}.carousel-transition-left-enter.carousel-transition-left-enter-active{opacity:1;transform:translateX(0);transition:.4s}.carousel-transition-right-enter{opacity:0;transform:translateX(100%)}.carousel-transition-right-enter.carousel-transition-right-enter-active{opacity:1;transform:translateX(0);transition:.4s}.scatter{max-width:20%;max-height:20%;position:absolute;opacity:.03;transition:opacity .8s linear}.scatter:hover{opacity:.3}.container.home{justify-content:flex-start;height:100%;align-items:center}@media screen and (min-width:1149px){.about-me{width:775px;margin-left:auto;margin-right:auto}}nav.menu{display:flex;flex-direction:column;width:100%}.menu-item{width:100%;display:flex;height:48px;cursor:pointer}.menu-item:hover{background-color:rgba(0,0,0,.1)}.profile{display:flex;flex-direction:column;font-size:16px;align-items:center;justify-content:space-around}.avatar{max-height:90%;max-width:90%;border-radius:50%}.bubble{height:36px;min-width:96px;border:1px solid grey;border-radius:8px;padding-left:8px;padding-right:8px;margin-bottom:8px}.project{display:flex}.project .project-thumbnail{flex:1 1 25%;display:flex}.project .project-thumbnail img{width:85%}.project .project-notes{flex:1 1 75%;display:flex;flex-direction:column}.project .project-notes .project-description{flex:1 1 auto;padding-left:24px;padding-right:24px;margin-top:12px;margin-bottom:12px}.project .project-notes .project-technologies{flex:0 0 auto;display:flex;justify-content:space-around;align-items:center;margin-bottom:12px}.project .project-notes .project-technologies .project-technology{margin-bottom:8px;font-style:italic}@media screen and (max-width:575px),screen and (min-width:701px) and (max-width:900px){.project{flex-direction:column}.project .project-thumbnail{flex:0 0 auto}.project .project-thumbnail img{max-width:180px;width:auto}.project .project-notes{flex:1 1 auto}}@media screen and (max-width:575px){.project .project-notes .project-technologies{flex:0 0 auto;flex-direction:column}.project .project-notes .project-technologies .bubble{margin-bottom:8px}}.section{position:relative;display:flex;margin-top:24px;margin-left:12px;margin-right:12px;flex-direction:column}.section .section-header{flex:0 0 24px;display:flex}.section .section-content{flex:1 1 auto;display:flex}.section:before{content:"";position:absolute;bottom:0;left:10%;height:1px;width:80%;border-bottom:1px solid grey}.sidebar{display:flex;flex-direction:column;align-items:center;background-color:#777;color:#dcdcdc;box-shadow:3px 0 2px #777}.profile{flex:1 1 35%;margin-top:24px;margin-bottom:36px}.menu{flex:1 1 65%}@media screen and (max-width:700px){.sidebar{z-index:9999}.sidebar .sidebar-toggle-wrapper{flex:1 1 10%}.sidebar .profile{flex:1 1 35%}.sidebar .menu{flex:1 1 55%}}.sidebar-toggle{font-size:20px;color:#dcdcdc;border:1px solid #dcdcdc;border-radius:4px;width:30px;margin-right:8px;margin-left:8px}.sidebar-toggle:before{content:"\2630"}.history-wrapper .section-content{flex-direction:column}.history-wrapper .section-content h5.job-title{display:none}.history-wrapper .section-content .job-banner{display:flex;justify-content:space-between;font-style:italic;margin-left:12px;margin-right:12px}@media screen and (max-width:700px){.history-wrapper .section-content h5.job-title{display:flex;margin-top:-18px}.history-wrapper .section-content .job-banner .job-title{display:none}}.languages{display:flex;justify-content:space-around}.skillset{display:flex;justify-content:flex-start;align-items:center}.skillset-experienced{flex:2 2 auto}.skillset-intermediate{flex:1 1 auto}.resume{font-size:16px}.root-container{display:flex;height:100vh}.sidebar{flex:1 0 30%;min-width:200px;max-width:300px}.sidebar-toggle-wrapper{display:none}.sidebar-backdrop{visibility:hidden;position:fixed;top:0;left:0;height:0;width:0;opacity:0;transition:opacity .4s ease;z-index:0}.router-outlet{flex:1 1 70%;overflow:auto}.loading-indicator{color:#a11010}.socicon-linkedin{color:#eee;background-color:#827be9;border-radius:8px}.socicon-linkedin:hover{background-color:#6059c7}.socicon-mail{color:#c61414}.socicon-mail:hover{color:#a11010}@media screen and (min-width:1099px){.section{width:775px;margin-left:auto;margin-right:auto}}@media screen and (max-width:700px){.root-container{flex-direction:column}.sidebar{flex:none;position:fixed;top:0;left:-310px;height:100vh;transition:all .4s ease}.sidebar.sidebar-showing{left:0}.sidebar-backdrop.sidebar-backdrop-showing{visibility:visible;height:100%;width:100%;background-color:#000;opacity:.3}.sidebar-toggle-wrapper{flex:0 0 48px;display:flex;width:100%;align-items:center}.top-nav{background-color:#777}}