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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.nav-menu{align-items:center;background-color:#fffcf2;display:flex;height:100vh;justify-content:center;max-width:5rem;min-width:3.5rem;width:100%}.nav-text{list-style:none;margin-bottom:1.5rem;width:10px}.nav-menu-items{align-items:left;display:flex;flex-direction:column;margin-left:10px;padding:30px 0 0;width:100%}.home{width:20px}.navIcon{width:60px}@media (min-device-width:320px) and (max-device-width:768px){.nav-menu{align-items:center;background-color:#fffcf2;display:flex;height:100vh;justify-content:center;max-width:3rem;min-width:3.5rem;width:100%}.nav-text{list-style:none;margin-bottom:1.5rem;width:10px}.nav-menu-items{align-items:left;display:flex;flex-direction:column;margin-left:8px;padding:30px 0 0;width:100%}.home{width:20px}.navIcon{width:2.5rem}}.layout{display:flex;height:100vh;overflow:hidden;width:100vw}.layout-container{overflow:auto;width:100%}.frameworks-component{background-color:#252422;transition:.5s;width:100%}.frameworks-text{color:#fff;font-weight:700;margin:0;padding-left:1rem;padding-top:1rem}.frameworks-cards-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:2rem 6rem 5rem}.frameworks-card{margin-top:2rem}.frameworks-card,.frameworks-card:hover{align-items:center;background-color:#eb5e28;border-radius:.5rem;display:flex;flex-direction:column;height:16rem;margin-left:2rem;margin-right:2rem;transition:.5s;width:12rem}.frameworks-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.frameworks-card-text{color:#fff;margin:1.5rem 0 0;text-align:center}.frameworks-card-image{border-radius:1rem;display:flex;margin-top:2.5rem;width:8rem}@media (min-device-width:320px) and (max-device-width:768px){.frameworks-cards-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.5rem 0 2rem}.frameworks-card{margin-top:1rem}.frameworks-card,.frameworks-card:hover{align-items:center;background-color:#eb5e28;border-radius:.5rem;display:flex;flex-direction:column;height:12rem;margin-left:2rem;margin-right:2rem;transition:.5s;width:9rem}.frameworks-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.frameworks-card-image{border-radius:1rem;display:flex;margin-top:2rem;width:4rem}}.languages-text{color:#fff;font-weight:700;margin:0;padding-left:1rem;padding-top:1rem}.languages-component{background-color:#eb5e28;transition:.5s;width:100%}.languages-cards-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:5rem;padding-top:2rem}.language-card{margin-top:2rem}.language-card,.language-card:hover{align-items:center;background-color:#252422;border-radius:.5rem;display:flex;flex-direction:column;height:16rem;margin-left:2rem;margin-right:2rem;transition:.5s;width:12rem}.language-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.language-card-text{color:#fff;margin:1.5rem 0 0;text-align:center}.language-card-image{border-radius:1rem;display:flex;margin-top:2.5rem;width:8rem}@media (min-device-width:320px) and (max-device-width:768px){.languages-cards-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:2rem;padding-top:.5rem}.language-card{margin-top:1rem}.language-card,.language-card:hover{align-items:center;background-color:#252422;border-radius:.5rem;display:flex;flex-direction:column;height:12rem;margin-left:2rem;margin-right:2rem;transition:.5s;width:9rem}.language-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.language-card-image{border-radius:.5rem;display:flex;margin-top:2rem;width:4rem}}:root{--primary-color1:#0076c6;--primary-color2:#0076c6;--primary-color3:#0076c6;--project-card-colour:#3a3834;--project-padding:4rem}.projects-text{color:#fff;font-weight:700;margin:0;padding-bottom:1rem;padding-left:1rem;padding-top:1rem}.projects-component{background-color:#403d39;display:flex;flex-direction:column;transition:.5s;width:100%}.three-projects{display:flex;flex-direction:row-reverse}.part1{background-color:#403d39}.part1,.part2{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;padding-bottom:4rem;padding-bottom:var(--project-padding);width:33.33333vw}.part2{background-color:#252422}.part3{align-items:center;background-color:#eb5e28;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;padding-bottom:4rem;padding-bottom:var(--project-padding);width:33.33333vw}.project-title{text-align:center}.prem-project-title{text-align:center;width:20rem}.project-logo{width:150px}.project-langauges{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:1rem}.proj-lang-avatar{margin:.5rem;width:4rem}.project-description{display:flex;flex-wrap:wrap;font-weight:700;overflow-wrap:break-word;text-align:center;width:24rem}.project-tasks{display:flex;flex-direction:column;flex-wrap:wrap;width:22rem}.colour-orange{color:#eb5e28;font-weight:700}.colour-grey{color:#252422;font-weight:700}.button{fill:currentcolor;align-items:center;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:700;height:48px;justify-content:center;letter-spacing:.25px;line-height:normal;margin-top:2rem;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;touch-action:manipulation;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:auto;will-change:transform,opacity;z-index:0}.button:hover{background:#f6f9fe;color:#eb5e28}.button:active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15);outline:none}.button:focus{border:2px solid #eb5e28;outline:none}.button:not(:disabled){box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button:not(:disabled):hover{box-shadow:0 2px 3px 0 rgba(60,64,67,.3),0 6px 10px 4px rgba(60,64,67,.15)}.button:not(:disabled):focus{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}.button:not(:disabled):active{box-shadow:0 4px 4px 0 rgba(60,64,67,.3),0 8px 12px 6px rgba(60,64,67,.15)}.button:disabled{box-shadow:0 1px 3px 0 rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15)}@media (min-device-width:320px) and (max-device-width:768px){:root{--primary-color1:#0076c6;--primary-color2:#0076c6;--primary-color3:#0076c6;--project-card-colour:#3a3834;--project-padding:2rem}.projects-text{color:#fff;font-size:1.75rem;font-weight:700;margin:0;padding-bottom:1rem;padding-left:1rem;padding-top:1rem}.project-logo{width:75px}.project-langauges{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:.5rem;width:14rem}.proj-lang-avatar{margin:.5rem;width:2rem}.project-description{display:flex;flex-wrap:wrap;font-weight:700;overflow-wrap:break-word;text-align:center;width:14rem}.project-tasks{display:flex;flex-direction:column;flex-wrap:wrap;padding-left:0;width:196px}.project-title{font-size:1.75rem;text-align:center}.three-projects{display:flex;flex-direction:column-reverse}.part1{background-color:#403d39}.part1,.part2{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:0;padding-bottom:4rem;padding-bottom:var(--project-padding);width:84.5vw}.part2{background-color:#252422}.part3{background-color:#eb5e28;color:#fff;display:flex;flex-direction:column;margin:0;padding-bottom:4rem;padding-bottom:var(--project-padding);width:84.5vw}.button,.part3{align-items:center;justify-content:center}.button{fill:currentcolor;-webkit-appearance:none;appearance:none;background-color:#fff;border-radius:24px;border-style:none;box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12);box-sizing:border-box;color:#3c4043;cursor:pointer;display:inline-flex;font-family:Google Sans,Roboto,Arial,sans-serif;font-size:14px;font-weight:700;height:48px;letter-spacing:.25px;line-height:normal;margin-top:.5rem;max-width:100%;overflow:visible;padding:2px 24px;position:relative;text-align:center;text-transform:none;touch-action:manipulation;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms;transition:box-shadow .28s cubic-bezier(.4,0,.2,1),opacity 15ms linear 30ms,transform .27s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .27s cubic-bezier(0,0,.2,1) 0ms;-ms-user-select:none;user-select:none;-webkit-user-select:none;width:auto;will-change:transform,opacity;z-index:0}}:root{--avatar-size:175px}.allprojects-text{color:#000;font-weight:700;margin:0;padding-bottom:1rem;padding-left:1rem;padding-top:1rem}.test{align-items:center;display:flex;justify-content:center}.all-projects-component{display:flex;flex-direction:column;padding-bottom:2rem}.all-projects-container{align-items:center;background-color:#252422;border-radius:.5rem;display:flex;justify-content:center;margin:0;padding:1rem;width:55rem}.project-avatars{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.project-avatar,.project-avatar:hover{transition:.75s;width:175px;width:var(--avatar-size)}.project-avatar:hover{border:.5rem solid #eb5e28;box-sizing:border-box}.arrow-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2rem}.up-arrow{width:5rem}.up-arrow-text{font-size:1.5rem;font-weight:700;margin:1rem 0 0}@media (min-device-width:320px) and (max-device-width:768px){:root{--avatar-size:125px}.all-projects-container{align-items:center;background-color:#252422;border-radius:0;display:flex;justify-content:center;margin:0;padding:.25rem}.project-avatars{align-items:stretch;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:1rem;padding-top:1rem}.project-avatar{transition:.75s;width:175px;width:var(--avatar-size)}}body{background-color:#e8e7e2}.header-container{display:flex;flex-direction:row;flex-wrap:wrap;margin:2rem}html{scroll-behavior:smooth}.logo{align-items:center;display:flex;justify-content:center;padding:1rem}.career{display:flex;flex-direction:row;padding:2rem;width:10rem}.career ul{font-size:24px;font-weight:700;list-style:none;padding:0}.career ul li{color:#403d39;transition:.5s}.career ul li:hover{color:#000;transition:.5s}.career ul li{padding-top:1rem}.personals{display:flex;flex-direction:row;padding:2rem;width:10rem}.personals ul{color:#ccc5b9;font-size:24px;font-weight:700;list-style:none;padding:0}.personals ul li{padding-top:1rem}.personals ul li a{color:#ccc5b9;text-decoration:none;transition:.5s}.personals ul li a:hover{color:#000;text-decoration:none;transition:.5s}@media (min-device-width:320px) and (max-device-width:768px){.career{padding:2rem 2rem 0}.career,.personals{display:flex;flex-direction:row;width:10rem}.personals{padding:0 2rem 2rem}}.craig-profile-component,.profile-component{background-color:#eb5e28;margin:0;width:100%}.craig-profile-component{align-items:center}.craig-profile-component,.education-container{display:flex;flex-direction:row;justify-content:center}.education-container{margin-left:20rem;margin-right:20rem}.education-component{background-color:#252422}.education-component,.work-component{margin:0;padding-bottom:3rem;width:100%}.work-component{background-color:#403d39}.content,.headings{color:#fff;margin:0;padding-left:2rem;padding-top:2rem}.content{padding-bottom:2rem}.education{display:flex;flex-direction:row;margin-left:2rem;margin-top:2rem}.education-institute{margin:0}.education-text{color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;margin-left:2rem;margin-top:0}.education-dates{margin:0}.education-qualification{width:22rem}.education-learnings{margin:0;padding:10px;width:26rem}.education-avatar{align-items:center;display:flex;height:8rem;justify-content:center;width:8rem}.profile-content{color:#fff;margin:0;text-align:left}.craig-card{align-items:center;background-color:#252422;border-radius:.5rem;display:flex;flex-direction:column;height:13rem;margin-left:.5rem;margin-right:.5rem;margin-top:1rem;padding:2rem;transition:.5s;width:14.5rem}@media (min-device-width:320px) and (max-device-width:768px){.headings{color:#fff;margin:0;padding-left:1rem;padding-top:2rem}.languages-cards-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding-bottom:2rem;padding-top:.5rem}.craig-card{align-items:center;background-color:#252422;border-radius:.5rem;display:flex;flex-direction:column;margin-left:2rem;margin-right:2rem;margin-top:1rem;padding:1.25rem;width:9rem}.profile-content{color:#fff;font-size:12px;margin:0;text-align:left}.education-container{margin-left:1rem;margin-right:1rem}.education,.education-container{display:flex;flex-direction:column;justify-content:center}.education{align-items:center;margin:2rem 0 0}.education-avatar{align-items:center;display:flex;height:6rem;justify-content:center;width:6rem}.education-institute{margin:0;text-align:center}.education-text{color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;font-size:12px;margin:1rem 0 0;text-align:center}.education-dates{margin:0;text-align:center}.education-qualification{align-items:center;justify-content:center;text-align:center;width:20rem}.education-learnings{margin:0;padding-left:52px;text-align:left;width:14rem}}.blog-component{background-color:#eb5e28;height:100%;padding-bottom:2rem}.posts{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;margin-top:1rem}.page-title{color:#fff;margin-left:2rem;padding-top:1rem}.blog-entry{background-color:#252422;border-radius:.75rem;margin-bottom:1rem;margin-left:2rem;padding-bottom:2rem}.blog-entry-title{color:#fff;margin-bottom:0;padding-left:2rem;padding-top:2rem}.blog-paragraph{padding-right:2rem;width:30rem}.blog-date,.blog-paragraph{color:#fff;padding-left:2rem}.blog-date{margin:0}@media (min-device-width:320px) and (max-device-width:768px){.blog-entry{background-color:#252422;border-radius:.75rem;margin:0 1rem;padding:.5rem;width:300px}.blog-entry-title{color:#fff;margin:0;padding:1rem 0 0 1rem}.blog-date{margin:0}.blog-date,.blog-paragraph{color:#fff;padding:0 0 0 1rem}.blog-paragraph{text-align:left;width:265px}}
/*# sourceMappingURL=main.341300ad.css.map*/