body{margin:0;font-family:"Oxanium",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242527}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}canvas{position:fixed;top:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.App{position:relative}.App,.login{color:#fff}.nav-bar{position:fixed;right:1rem;bottom:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;z-index:1000;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.nav-bar.center{bottom:50%!important;-webkit-transform:translateY(50%);transform:translateY(50%)}.nav-bar>*{margin-bottom:2rem}.nav-bar>hr{background-color:#fff;opacity:.7;width:100%;height:2px;margin-top:-1px}.nav-item{color:#fff;cursor:pointer;opacity:.7;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.nav-item>*{height:40px!important;width:40px!important}.nav-item:hover{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}@media screen and (max-width:768px){.nav-bar>*{margin-bottom:1rem}.nav-item>*{height:25px!important;width:25px!important}}section{font-size:1rem;margin:2rem 4rem}section+section{margin-top:8rem}section.paper{border-radius:1rem;background-color:#242527;padding:1rem 2rem;box-shadow:0 0 2rem 0 #86bbd8,0 0 .2rem .2rem rgba(0,0,0,.8)}h1.section-header{text-align:center;margin:0;font-size:2rem;text-transform:uppercase}h1.section-header:before{content:"< "}h1.section-header:after{content:" />"}z-1{z-index:1}.divider{width:50%;height:1px;margin:1rem auto 2rem;border-top:1px solid #fff}.container{flex:1 1;display:flex;align-items:center;flex-direction:column}.container+.container{margin-left:1rem}.app-body{position:relative;max-width:70rem;margin:auto}@media screen and (max-width:768px){section{margin:2rem}h1.section-header{font-size:1.5rem}}.bottom-adornment,.left-adornment,.right-adornment,.top-adornment{position:absolute}.bottom-adornment,.top-adornment{width:30%;border-top:1px solid #fff}.left-adornment,.right-adornment{height:30%;border-right:1px solid #fff}.top-adornment{right:-1rem;top:0}.bottom-adornment{left:-1rem;bottom:0}.left-adornment{left:0;bottom:-1rem}.right-adornment{right:0;top:-1rem}.slash{position:fixed;width:75%;border-top:1px solid #fff;-webkit-transform:rotate(-36deg);transform:rotate(-36deg);left:13%;top:49.6%;z-index:0}svg.loading{-webkit-animation:blink 1s ease-out infinite;animation:blink 1s ease-out infinite}@-webkit-keyframes blink{0%{color:#fff}to{color:#86bbd8}}@keyframes blink{0%{color:#fff}to{color:#86bbd8}}.ripples{position:absolute;width:2rem;height:2rem;border-radius:100%;background-color:#86bbd8;opacity:.75;-webkit-transform:scale(0);transform:scale(0);text-shadow:0 0 #000}.ripples.loading{-webkit-animation:ripple 1s ease-out infinite;animation:ripple 1s ease-out infinite}@-webkit-keyframes ripple{to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes ripple{to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.hero,.login{position:relative;height:100vh;display:flex;justify-content:center;flex-direction:column;text-align:left}.login{align-items:center}.hero>.name{margin:0;text-transform:none}.hero>.first-name{width:80%;border-bottom:3px solid #fff}.hero>.last-name{width:50%;border-top:3px solid #fff;padding-top:.7rem}.font-light{font-weight:100}.font-heavy{font-weight:700}.hero>.position{margin:1rem 0 0;font-size:2rem}.hero>h1{font-size:4.5rem}.hero>h2{font-size:2rem}.hero>h3{font-size:1rem}@media screen and (max-width:768px){.hero>h1{font-size:3.5rem}.hero>h2{font-size:1.8rem}.hero>h3{font-size:.9em}}.about-me-content{font-size:1.2rem;font-weight:200;text-align:left}.about-me-content>span{font-weight:700}@media screen and (max-width:768px){.about-me-content{font-size:1rem}}.education-container{display:grid;grid-template-columns:repeat(3,1fr)}.education{display:flex;flex-direction:column;align-items:center}.education-details>.name{font-weight:700;font-size:1rem;margin:1rem 0 0}.education-details>.grade{font-weight:200;margin:.1rem 0 0}.education-details>.organisation{font-weight:inital;font-size:.9rem;margin:.1rem 0 0}.education-img{border-radius:100%;font-size:3rem;width:6rem;border:.2rem solid #fff;height:6rem;display:flex;justify-content:center;align-items:center}.education:hover>.education-img{-webkit-animation:blink-border 2s linear infinite;animation:blink-border 2s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s}.education:hover>.education-img>svg{-webkit-animation:turn 2s linear infinite;animation:turn 2s linear infinite;-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes turn{50%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn);color:#86bbd8;border-color:#86bbd8}}@keyframes turn{50%{-webkit-transform:rotateY(1turn);transform:rotateY(1turn);color:#86bbd8;border-color:#86bbd8}}@-webkit-keyframes blink-border{50%{border-color:#86bbd8}}@keyframes blink-border{50%{border-color:#86bbd8}}.education-details{font-size:.8rem}@media screen and (max-width:768px){.education-container{grid-template-columns:1fr;grid-row-gap:3rem}.education:hover>.education-img>svg{-webkit-animation:none;animation:none;-webkit-animation-delay:none;animation-delay:none}}.employment-container{display:flex;align-items:center;justify-content:flex-end;position:relative;width:50%}.employment-container:after{content:"";width:5rem;height:1px;border-top:2px solid #fff}.employment-date{padding:0 1rem}.employment-responsibilities{padding:1rem 0;width:50%}.employment-responsibilities>span{font-weight:700;padding:0 1rem;display:inline-block}.employment-responsibilities>ul{padding:0 3rem 1rem}.employment-timeline{display:flex;flex-direction:column;position:relative}.employment-timeline:after{content:"";position:absolute;height:100%;width:1px;left:50%;border:1px solid #fff;background-color:#fff}.timeline-item{display:flex;min-height:200px}.employment-timeline>.timeline-item:nth-child(2n){flex-direction:row-reverse}.employment-timeline>.timeline-item:nth-child(2n)>.employment-container{flex-direction:row-reverse;border-right:none}.employment-img{background-color:#212324;background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:4px;cursor:pointer;box-shadow:0 1px 0 -2px hsla(0,0%,100%,.2),0 1px 8px 0 hsla(0,0%,100%,.12);height:100px;width:100px;max-width:15rem;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.employment-img:hover{box-shadow:0 3px 3px -2px hsla(0,0%,100%,.2),0 1px 8px 0 hsla(0,0%,100%,.12);-webkit-transform:scale(1.1);transform:scale(1.1)}@media screen and (max-width:768px){.timeline-item{flex-direction:column!important}.employment-container,.employment-responsibilities{width:100%}.employment-container{flex-direction:row-reverse}.employment-date{margin-top:3rem;font-size:.8rem}.employment-img{z-index:2}.employment-responsibilities>ul{padding:0 3rem}.employment-timeline:after{left:0}.employment-container:after{position:absolute;top:50%;width:60%;max-width:15rem}}.skill-container{font-weight:700;font-size:1.2rem}.skill+.skill{margin-top:.5rem}.skill{display:grid;grid-template-columns:1fr 4fr;grid-gap:1rem;text-align:left}.skill-bar{width:80%;position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-columns:1fr;height:1rem;align-items:center}.skill-bar+.skill-bar{margin-top:2rem}.regions{border-right:1px solid #fff;height:50%;width:100%;box-sizing:content-box;padding:4px 0;z-index:2}.regions:nth-child(4){border:none}.bar{width:100%;height:50%;position:absolute;left:0;border:2px solid #fff;border-radius:2rem;box-shadow:0 0 4px 1px hsla(0,0%,100%,.4)}.bar-size{width:75%;height:100%}.bar-fill{-webkit-animation:fillBar 2s ease-out 2s;animation:fillBar 2s ease-out 2s;background-color:green;height:100%}@-webkit-keyframes fillBar{0%{width:0}to{width:100%}}@keyframes fillBar{0%{width:0}to{width:100%}}.achievement-container{display:grid;grid-template-columns:2fr 2fr;grid-gap:1rem}.achievement-container+.achievement-container{padding-top:1rem}.achievement>.organisation{font-size:.9rem}.achievement>.organisation:before{content:" - "}.admin-item>.action-icon{opacity:0}.admin-item:hover{color:#86bbd8}.admin-item:hover>.action-icon{opacity:.3}.delete-icon,.visibility-icon{color:#fff;padding:"0.5rem";opacity:.3}.visibility-icon:hover{color:#369}.delete-icon:hover{color:red}
/*# sourceMappingURL=main.d7fea233.chunk.css.map */