body{margin:0;padding:0;width:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.OrangeSpace{background-color:#f37121;height:250px}.SmallOrangeSpace{background-color:#f37121;height:20px;margin-top:10px}.Header{height:400px;background-color:#086972;display:flex;margin-top:20px;width:100%}.Header img{margin-top:50px;height:250px;width:200px;border-radius:50%}.Intro{margin-left:10%;flex:1 1;width:45%;font-size:22px;color:#fff;padding-top:8%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.Image{width:55%}.About{padding:0 10%;color:#35495e;font-size:20px;line-height:2em;height:20%}.About button{background-color:#086972;color:#fff;height:30px;border:none;border-radius:10%;margin:0 20px;outline:none}.About button:hover{opacity:.9;cursor:pointer}.About p{padding:30px 0}.Skills{height:400px;color:#35495e}.Skills h3{padding:2% 5%;font-size:30px}.ProgressBars{width:300px;margin:10px 5%}.SkillList{display:flex;justify-content:left;flex-flow:row wrap;margin-top:20px;margin-left:50px}.CircleProgress{width:150px;height:150px;margin:20px 0}.NavigationItems{list-style:none;display:flex;flex-flow:column;justify-content:center;height:100%;font-size:17px}@media (min-width:600px){.NavigationItems{flex-flow:row}}.NavigationItem{box-sizing:border-box;display:block;width:100%;outline:none;color:#35495e;height:50px}.NavigationItem a{text-decoration:none;color:#35495e}.NavigationItem a:active,.NavigationItem a:hover{color:#fe8a71}@media (min-width:500px){.NavigationItem{display:flex;width:150px;align-items:center;color:#35495e}.NavigationItem a{color:#35495e;font-size:17px}}.SideDrawer{position:fixed;width:280px;max-width:70%;height:100%;left:0;top:0;z-index:200;background-color:#fff;padding:10px 16px;box-sizing:border-box;transition:transform .3 ease-out}@media (min-width:500px){.SideDrawer{display:none}}.Open{transform:translateX(0)}.Close{transform:translateX(-100%)}.Logo{height:200px}.Backdrop{width:100%;height:100%;position:fixed;z-index:100;left:0;top:0;background-color:rgba(0,0,0,.5)}.Logo img{height:100px}.Toolbar{height:56px;width:100%;top:0;left:0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;box-sizing:border-box;z-index:90}.Toolbar nav{height:100%;margin-right:10px}@media (max-width:499px){.DesktopOnly{display:none}}.DrawerToggle{width:40px;height:100%;display:flex;flex-flow:column;justify-content:space-around;align-items:center;padding:10px 0;box-sizing:border-box;cursor:pointer}.DrawerToggle div{width:90%;height:3px;background-color:#35495e}@media (min-width:500px){.DrawerToggle{display:none}}.Icons{margin:10px;font-size:20px}.Experience{margin:4% 8%}.Experience h1{color:#086972}.ExperienceItem{margin:50px 0}.Skills{margin:4% 8%}.Skills h1{color:#086972}.Skills h3{font-size:26px}.SkillList ul{display:flex;justify-content:left;flex-flow:row wrap;margin-top:20px;list-style-type:none}.SkillList li{margin:0 20px;display:block;-webkit-animation-name:animateIn;animation-name:animateIn;-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-delay:calc(var(--animation-order)*100ms);animation-delay:calc(var(--animation-order)*100ms);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.SkillList li:nth-child(1n){-webkit-animation-delay:.2s;animation-delay:.2s}.SkillList li:nth-child(2n){-webkit-animation-delay:.4s;animation-delay:.4s}.SkillList li:nth-child(3n){-webkit-animation-delay:.6s;animation-delay:.6s}.SkillList li:nth-child(4n){-webkit-animation-delay:.8s;animation-delay:.8s}.SkillList li:nth-child(5n){-webkit-animation-delay:1s;animation-delay:1s}.SkillList li:nth-child(6n){-webkit-animation-delay:1.2s;animation-delay:1.2s}.SkillList li:nth-child(7n){-webkit-animation-delay:1.4s;animation-delay:1.4s}.SkillList li:nth-child(8n){-webkit-animation-delay:1.6s;animation-delay:1.6s}.SkillList li:nth-child(9n){-webkit-animation-delay:1.8s;animation-delay:1.8s}.SkillList li:nth-child(10n){-webkit-animation-delay:2s;animation-delay:2s}.ProgressBar{width:300px;margin:10px 3%;padding:0 30px;height:150px;background-color:#fff;box-shadow:3px 9px 46px -13px hsla(0,0%,43.1%,.62);border-radius:10px}.IconName{display:flex;justify-content:flex-start;height:60px;text-transform:uppercase}.PercentageBar{height:50px}@-webkit-keyframes mymove{0%{top:-100px}to{top:0;background-color:#f5f5f5}}@keyframes mymove{0%{top:-100px}to{top:0;background-color:#f5f5f5}}.Projects{margin:4% 8%}.Projects ul{padding:0;display:block;margin:24px auto}.Projects li{display:block;-webkit-animation-name:animateIn;animation-name:animateIn;-webkit-animation-duration:.45s;animation-duration:.45s;-webkit-animation-delay:calc(var(--animation-order)*100ms);animation-delay:calc(var(--animation-order)*100ms);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.Projects li:first-child{-webkit-animation-delay:.1s;animation-delay:.1s}.Projects li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}.Projects li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}.Projects h1{color:#f37121}.Project h3{font-size:26}@-webkit-keyframes animateIn{0%{opacity:0;transform:scale(.6) translateY(-8px)}to{opacity:1}}@keyframes animateIn{0%{opacity:0;transform:scale(.6) translateY(-8px)}to{opacity:1}}.Project{font-size:18px;color:#35495e;display:flex;margin:50px 5px;line-height:2em;height:300px}.ProjectText{flex:70% 1}.ProjectImg{flex:10% 1;padding:3% 5%}.Project h3{font-size:24px;color:#086972;font-weight:200}.Project h4{color:grey}.Project img{width:350px;height:250px;border:1px solid #ccc;border-radius:20px}.Arts{margin:4% 8%}.Arts h1{color:#f37121}.SmallGreenSpace{background-color:#086972;height:20px;margin-top:10px}.Arts .Wrapper{height:90vh;width:80vw;margin:5vh auto;display:grid;grid-template-rows:25% 25% 25% 25%;grid-template-columns:25% 25% 25% 25%;grid-gap:1rem;grid-template-areas:"box1 box1 box2 box3" "box1 box1 box4 box3" "box5 box6 box7 box7" "box8 box8 box9 box10"}.Wrapper .GridBox{transition:all .25s;font-size:24px;font-family:sans-serif;box-shadow:0 .1rem .3rem rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);-webkit-animation:fadein 1s ease-out normal backwards;animation:fadein 1s ease-out normal backwards}.Wrapper .GridBox:hover{z-index:2;position:relative;box-shadow:0 1.5rem 2.8rem rgba(0,0,0,.15),0 1rem 1rem rgba(0,0,0,.15);transform:scale(1.4)}.Wrapper .GridBox img{height:100%;width:100%}.Wrapper .Element1{grid-area:box1;-webkit-animation-delay:0;animation-delay:0}.Wrapper .Element2{grid-area:box2;-webkit-animation-delay:.1s;animation-delay:.1s}.Wrapper .Element3{grid-area:box3}.Wrapper .Element3,.Wrapper .Element4{-webkit-animation-delay:.2s;animation-delay:.2s}.Wrapper .Element4{grid-area:box4}.Wrapper .Element5{grid-area:box5;-webkit-animation-delay:.1s;animation-delay:.1s}.Wrapper .Element6{grid-area:box6;-webkit-animation-delay:.2s;animation-delay:.2s}.Wrapper .Element7{grid-area:box7;-webkit-animation-delay:.3s;animation-delay:.3s}.Wrapper .Element8{grid-area:box8;-webkit-animation-delay:.2s;animation-delay:.2s}.Wrapper .Element9{grid-area:box9;-webkit-animation-delay:.4s;animation-delay:.4s}.Wrapper .Element10{grid-area:box10;-webkit-animation-delay:.5s;animation-delay:.5s}@-webkit-keyframes fadein{0%{transform:scale(0)}70%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes fadein{0%{transform:scale(0)}70%{transform:scale(1.05)}to{transform:scale(1)}}.AboutMe{margin:4% 8%}.AboutMe h1{color:#086972}.Introduction{color:#35495e;font-size:18px;line-height:2em;padding:0 5%}.ContactMe{margin:2% 5%;color:#35495e;width:50%}.ContactMe input[type=text],select,textarea{width:100%;padding:12px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;resize:vertical}.ContactMe label{padding:12px 12px 12px 0;display:inline-block}.ContactMe input[type=submit]{background-color:#35495e;color:#fff;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;float:right}
/*# sourceMappingURL=main.8d45d33f.chunk.css.map */