html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}header{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:3.5rem;width:100vw;position:fixed;top:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#000;-webkit-animation:header-appear 1.2s ease;animation:header-appear 1.2s ease;z-index:1}@-webkit-keyframes header-appear{0%{height:0}to{height:3.5rem}}@keyframes header-appear{0%{height:0}to{height:3.5rem}}header #navbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:90%;max-width:130ch}header #mobile-nav{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start}header #mobile-nav h6{color:#fff;font-size:1em}header #mobile-nav h6:hover{color:#ff7c00}header #mobile-nav ul{position:absolute;top:100%;width:auto;display:none}header #mobile-nav .mobile-menu{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:rgba(0,0,0,.8)}header #mobile-nav .mobile-menu li{padding:.25em}header #links,header #links ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}header #links ul{-webkit-justify-content:space-between;justify-content:space-between;width:100%}header #links li{padding:0 0 0 1rem}header #links .icon{font-size:1.3rem}header a,header h6{text-decoration:none;color:#fff;transition:.3s;-webkit-animation:nav-appear 1.2s ease;animation:nav-appear 1.2s ease}header a:hover,header h6:hover{color:#ff7c00}@-webkit-keyframes nav-appear{0%{color:transparent}to{color:#fff}}@keyframes nav-appear{0%{color:transparent}to{color:#fff}}header ul{list-style-type:none;padding:0}header span{padding:0 0 0 .5em}header .arrow{border:solid #fff;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}header .down{-webkit-transform:rotate(45deg);transform:rotate(45deg)}header .right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}header #desktop-nav{display:none}header #desktop-nav ul{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}header #desktop-nav li{padding:0 2rem 0 0}@media only screen and (min-width:1000px){header #desktop-nav{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}header #mobile-nav{display:none}header #links li{padding:0 0 0 2rem}}#about #who-skills{margin-bottom:50px}#about #skills-section,#about #who-skills{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#about #skills-section h3{-webkit-align-self:center;align-self:center}#about #skills-bars-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#about #skill-set-bar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;background-color:#333;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;width:100%;height:90px;margin:15px 0}#about #skill-set-bar h5{color:#333;background-color:#ff7c00;font-size:1rem;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(180deg);transform:rotate(180deg);height:90px;text-align:center;padding:0 .5rem;border-top-right-radius:10px}#about #skill-set-techs{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-evenly;justify-content:space-evenly;width:100%}#about #skill-set-techs,#about .skill{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#about .skill{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;color:#fff;font-size:1.5rem;transition:.3s}#about .skill figcaption{padding-top:.5rem;font-size:.75rem}#about article{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;margin-bottom:50px}#about article p{font-size:.9rem}#about img{max-width:250px;width:90%;height:auto;-webkit-align-self:center;align-self:center;margin-bottom:30px}#about #articles-about-me .article-icon{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;background-color:#333;color:#fff;font-size:25px;border:2px solid #ff7c00;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;width:60px;height:60px;-webkit-align-self:center;align-self:center;margin-bottom:15px}@media only screen and (max-width:350px){#about .skill figcaption{font-size:.6rem}}@media only screen and (min-width:768px){#about #who-skills{margin-bottom:70px}#about #articles-about-me{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%}#articles-about-me article{width:25ch}#background,#love-learning{margin-right:5ch}#code,#future-focus{margin-left:5ch}}@media only screen and (min-width:1000px){#about #who-skills{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;width:100%;-webkit-justify-content:space-between;justify-content:space-between;margin:25px 0}#who{width:44%;margin:0}#skills-section{width:45%}#about #articles-about-me{-webkit-justify-content:space-between;justify-content:space-between;width:100%}#articles-about-me article{width:44%;margin-top:25px}}@media only screen and (min-width:1560px){#articles-about-me{margin-top:50px}#articles-about-me article{width:25ch}#background{margin-right:0}#love-learning{margin-left:5ch;margin-right:0}}#mywork{background-color:#333}#mywork h2,#mywork h3,#mywork p{color:#fff}#mywork h4{padding:0 0 .5rem;color:#fff}#mywork #mywork-content-container{-webkit-align-items:center;align-items:center}#mywork #mywork-content-container,#mywork #project-carousel-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#mywork #project-carousel-section{width:100%;max-width:60ch;margin-bottom:50px}#mywork #project-desc{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-bottom:30px}#mywork #project-carousel img{width:100%}#mywork #project-carousel h4{color:#333}#mywork #project-buttons-nav{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;width:100%;padding:1rem 0 0;font-size:.9rem}#mywork #project-buttons-nav button{font-size:1rem;padding:.5rem 0;width:7rem;outline:none;background-color:transparent;color:#fff;border:.1rem solid #fff;transition:.3s}#mywork #project-buttons-nav button:hover{background-color:#fff;color:#333}#mywork #project-buttons-nav #previous-arrow{padding:0 .25rem 0 0}#mywork #project-buttons-nav #next-arrow{padding:0 0 0 .25rem}#mywork .arrow{border:solid #ff7c00;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}#mywork .left{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#mywork .right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#mywork #tech-links-section{width:100%;max-width:60ch}#mywork #project-tech,#mywork #tech-links-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}#mywork #project-tech{-webkit-align-items:center;align-items:center;margin-bottom:50px}#mywork #project-tech-list{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-self:center;align-self:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:60ch;border:1.5px solid #ff7c00;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}#mywork #project-tech-list figure{-webkit-flex:1 1;flex:1 1;text-align:center;font-size:1.5rem;padding:.5rem;color:#fff;transition:.3s}#mywork #project-tech-list figcaption{font-size:.8rem;padding-top:.2rem}#mywork #project-links{-webkit-flex-direction:column;flex-direction:column}#mywork #project-links,#mywork #project-links-nav{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}#mywork #project-links-nav{-webkit-flex-direction:row;flex-direction:row;-webkit-align-self:center;align-self:center;-webkit-justify-content:space-evenly;justify-content:space-evenly;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:100%;max-width:60ch;border:1.5px solid #ff7c00;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px}#mywork #project-links-nav a{text-align:center;text-decoration:none;color:#fff;font-size:1.5rem;padding:.5rem 1rem;transition:.3s}#mywork #project-links-nav a:hover{color:#ff7c00}#mywork #project-links-nav figcaption{font-size:.8rem;padding-top:.2rem}#mywork .description{font-size:.95rem;margin-top:.5rem}@media only screen and (min-width:1000px){#mywork #mywork-content-container{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;width:100%;margin:25px 0}#mywork #project-carousel-section{width:50%;margin-bottom:0}#mywork #tech-links-section{width:40%}}#contact{background-color:#333}#contact h2{color:#fff}#contact form{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;align-items:flex-start;max-width:60ch;width:100%}#contact form input,#contact form textarea{background-color:rgba(0,0,0,.2);margin:0 0 .5rem;border:none;outline:none;max-width:60ch;width:100%}#contact form input{padding:.5rem 0}#contact form textarea{height:6rem}#contact form input[placeholder],#contact form textarea[placeholder]{color:#fff;font-size:.9rem;padding-left:.5rem}#contact form textarea[placeholder]{padding-top:.5rem}#contact form button{font-size:1rem;padding:.5rem 0;width:7rem;outline:none;background-color:transparent;color:#fff;border:.1rem solid #fff;transition:.3s}#contact form button:hover{background-color:#fff;color:#333}#contact form span{padding:0 0 0 .25rem}#contact form .arrow{border:solid #ff7c00;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}#contact form .right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#contact form .form-message{font-size:1rem;padding:.5rem 0;color:#fff}@media only screen and (min-width:1000px){#contact form{margin:25px 0}}#home{height:100vh;width:100vw;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/home-cover.02bafed0.jpg);background-position:50%;background-size:cover}#home h1{font-size:3rem}#home h1,#home h2{color:#fff;text-align:center}#home h2{font-size:2rem}#home a{padding:.5em 0 0}#home .arrow{border:solid #fff;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}#home .down{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#home #credits{position:absolute;bottom:0;font-size:.6rem}#home #credits,#home #credits a{color:hsla(0,0%,100%,.3)}#interests article{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border:1.5px solid #ff7c00;height:30ch;max-width:30ch}#interests article h3{background-color:rgba(0,0,0,.6);color:#fff;padding:.5rem;position:relative;top:84%;margin:0}#interests article p{color:hsla(0,0%,100%,.8);font-size:.85rem;margin:.5rem 0}#interests a,#interests article p{padding:0 .5rem;position:relative;top:84%;z-index:-1;opacity:0}#interests a{text-decoration:none;font-size:.9rem}#interests .interest-url{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:flex-end;align-items:flex-end;font-size:1.2rem;color:#fff;transition:.3s}#interests .interest-url:hover{color:#ff7c00}#interests .interest-url figcaption{font-size:.9rem}#interests #football{background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.65)),url(/static/media/football.94b76d5f.jpeg);background-position:50%;background-size:cover}#interests #running{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/static/media/running.6bf886ef.jpeg);background-position:50%;background-size:cover}#interests #nike{background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.7)),url(/static/media/nike.2bff21c6.jpeg);background-position:50%;background-size:cover}#interests #travelling{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)),url(/static/media/travelling.c696b705.jpeg);background-position:50%;background-size:cover}#interests #cooking{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/static/media/cooking.201138a2.jpeg);background-position:50%;background-size:cover}#interests #formula-1{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),url(/static/media/formula-1.73e52f19.jpeg);background-position:50%;background-size:cover}#interests .show-article{top:0;opacity:1;z-index:0;transition:.3s ease-in}@media only screen and (min-width:768px){#interests #articles-interests{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;width:100%;max-width:90ch}}@media only screen and (min-width:1000px){#interests #articles-interests{margin:25px 0}}#about #skill-set-bar h5,#about .skill figcaption,#contact form .form-message,#contact form button,#home h1,#home h2,#interests .interest-url figcaption,#mywork #project-buttons-nav button,#mywork #project-links-nav figcaption,#mywork #project-tech-list figcaption,#mywork h4,.heading,.sub-heading,.title,header #desktop-nav ul,header a,header h6{font-family:"Fjalla One",sans-serif}#contact form input[placeholder],#contact form textarea[placeholder],#home #credits,#home #credits a,.content{font-family:"Playfair Display",serif}footer{-webkit-flex-direction:column;flex-direction:column;width:100vw;height:3.5rem;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;background-color:#000}footer,footer nav{display:-webkit-flex;display:flex}footer nav{-webkit-flex-direction:row;flex-direction:row}footer nav a{text-decoration:none;color:#fff;transition:.3s;font-size:1.3rem;padding:0 3rem}footer nav a:hover{color:#ff7c00}footer .arrow{border:solid #fff;border-width:0 .2em .2em 0;display:inline-block;padding:.2em}footer .up{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}*{font-family:"Raleway",sans-serif;box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;height:100vh;width:100vw}.section{-webkit-justify-content:center;justify-content:center;padding:100px 0}.section,.sub-section{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.sub-section{width:90%;max-width:130ch}.title{font-size:2rem;max-width:60ch;color:#000;margin-bottom:80px}.title:after{content:"";display:block;width:100%;border-bottom:.3rem solid #ff7c00;padding:.1rem}.heading{font-size:1.1rem;color:#000;margin-bottom:.5rem}.heading,.sub-heading{text-align:justify;line-height:150%;max-width:60ch}.sub-heading{color:#333}.content{text-align:justify;line-height:150%;max-width:60ch}.appear-right{-webkit-animation:show-right 1s ease;animation:show-right 1s ease}@-webkit-keyframes show-right{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes show-right{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.appear-left{-webkit-animation:show-left 1s ease;animation:show-left 1s ease}@-webkit-keyframes show-left{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes show-left{0%{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (min-width:768px){:root{font-size:110%}}
/*# sourceMappingURL=main.90819a80.chunk.css.map */