@charset "UTF-8";body{margin:0;font-family:"Dancing Script","Hack","Quicksand","Josefin Slab",serif,cursive,"PT Serif",-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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--colour-primary:#9297c4;--colour-secondary:#000;--colour-tertiary:#9368b7;--colour-quaternary:#aa3e98;--colour-gray-blu:#99c3d4;--colour-blue-gray:#a8d8ea;--colour-gray-1:#333;--colour-gray-2:#6e7376;--colour-gray-3:#eee;--colour-white:#fff;--hugest-font-size:6.5rem;--huger-font-size:5.5rem;--huge-font-size:4.5rem;--bigest-font-size:3.5rem;--bigger-font-size:3rem;--big-font-size:2.5rem;--largest-font-size:2.2rem;--larger-font-size:2rem;--large-font-size:1.8rem;--primary-font-size:1.6rem;--small-font-size:1.4rem;--smaller-font-size:1.2rem;--smallest-font-size:1rem;--hugest-margin:6.5rem;--huger-margin:5.5rem;--huge-margin:4.5rem;--bigest-margin:3.5rem;--bigger-margin:3rem;--big-margin:2.5rem;--largest-margin:2.2rem;--larger-margin:2rem;--large-margin:1.8rem;--primary-margin:1.6rem;--small-margin:1.4rem;--smaller-margin:1.2rem;--smallest-margin:1rem;--hugest-padding:6.5rem;--huger-padding:5.5rem;--huge-padding:4.5rem;--bigest-padding:3.5rem;--bigger-padding:3rem;--big-padding:2.5rem;--largest-padding:2.2rem;--larger-padding:2rem;--large-padding:1.8rem;--primary-padding:1.6rem;--small-padding:1.4rem;--smaller-padding:1.2rem;--smallest-padding:1rem;--hugest-radius:5rem;--huger-radius:4rem;--huge-radius:3rem;--bigest-radius:2rem;--bigger-radius:1rem;--big-radius:5px;--largest-radius:4.px;--larger-radius:3.5px;--large-radius:3px;--primary-radius:2.5px;--small-radius:2px;--smaller-radius:1.5px;--smallest-radius:1px;--hugest-gap:6.5rem;--huger-gap:5.5rem;--huge-gap:4.5rem;--bigest-gap:3.5rem;--bigger-gap:3rem;--big-gap:2.5rem;--largest-gap:2.2rem;--larger-gap:2rem;--large-gap:1.8rem;--primary-gap:1.6rem;--small-gap:1.4rem;--smaller-gap:1.2rem;--smallest-gap:1rem;--primary-shadow:0px 1px 5px #000;--section-title-shadow:0px 0px 2px 1rem var(--colour-tertiary);--latest-news-icon-width:5rem;--latest-news-icon-height:5rem;--R2-C1-img-width:25rem;--R2-C1-img-height:15rem;--R2-C2-img-width:45rem;--R2-C2-img-height:30rem}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;background-color:#000}body{box-sizing:border-box;font-size:1.6rem;font-size:var(--primary-font-size)}body::-webkit-scrollbar{display:none}@media only screen and (max-width:48em){html{font-size:50%}}@-webkit-keyframes move-out-to-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(2rem) skewX(-10deg);transform:translateX(2rem) skewX(-10deg)}to{opacity:0;-webkit-transform:translateX(-40rem) skewX(10deg);transform:translateX(-40rem) skewX(10deg)}}@keyframes move-out-to-left{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(2rem) skewX(-10deg);transform:translateX(2rem) skewX(-10deg)}to{opacity:0;-webkit-transform:translateX(-40rem) skewX(10deg);transform:translateX(-40rem) skewX(10deg)}}@-webkit-keyframes move-out-to-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-2rem) skewX(10deg);transform:translateX(-2rem) skewX(10deg)}to{opacity:0;-webkit-transform:translateX(40rem) skewX(-10deg);transform:translateX(40rem) skewX(-10deg)}}@keyframes move-out-to-right{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}20%{-webkit-transform:translateX(-2rem) skewX(10deg);transform:translateX(-2rem) skewX(10deg)}to{opacity:0;-webkit-transform:translateX(40rem) skewX(-10deg);transform:translateX(40rem) skewX(-10deg)}}@-webkit-keyframes move-in-from-left{0%{opacity:0;-webkit-transform:translateX(-20rem) skewX(10deg);transform:translateX(-20rem) skewX(10deg)}80%{-webkit-transform:translateX(1rem) skewX(-10deg);transform:translateX(1rem) skewX(-10deg)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-in-from-left{0%{opacity:0;-webkit-transform:translateX(-20rem) skewX(10deg);transform:translateX(-20rem) skewX(10deg)}80%{-webkit-transform:translateX(1rem) skewX(-10deg);transform:translateX(1rem) skewX(-10deg)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes move-in-from-right{0%{opacity:0;-webkit-transform:translateX(20rem) skew(-10deg);transform:translateX(20rem) skew(-10deg)}80%{-webkit-transform:translateX(-1rem) skew(10deg);transform:translateX(-1rem) skew(10deg)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-in-from-right{0%{opacity:0;-webkit-transform:translateX(20rem) skew(-10deg);transform:translateX(20rem) skew(-10deg)}80%{-webkit-transform:translateX(-1rem) skew(10deg);transform:translateX(-1rem) skew(10deg)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes move-in-from-bottom{0%{-webkit-transform:translateY(100rem);transform:translateY(100rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move-in-from-bottom{0%{-webkit-transform:translateY(100rem);transform:translateY(100rem)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes move-out-from-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100rem);transform:translateY(100rem)}}@keyframes move-out-from-bottom{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(100rem);transform:translateY(100rem)}}.landing-page-main{min-height:100vh;display:grid}.landing-page-main-before-animation{grid-template-areas:"title" "subtitle";grid-template-rows:65% 35%}.landing-page-main-after-animation{grid-template-areas:"gap1 profile gap2";grid-template-columns:1fr minmax(-webkit-min-content,90rem) 1fr;grid-template-columns:1fr minmax(min-content,90rem) 1fr}.canvas-container-landing-page{position:fixed;z-index:-100}.primary-heading-exitting-animation{-webkit-animation:move-out-to-right 1.8s ease-out forwards!important;animation:move-out-to-right 1.8s ease-out forwards!important}.secondary-heading-exitting-animation{-webkit-animation:move-out-to-left 1.8s ease-out forwards!important;animation:move-out-to-left 1.8s ease-out forwards!important}.landing-page-title{grid-area:title;text-align:center;align-self:end;-webkit-animation:move-in-from-left 2s ease-in;animation:move-in-from-left 2s ease-in}.landing-page-subtitle{grid-area:subtitle;text-align:center;-webkit-animation:move-in-from-right 2s ease-in;animation:move-in-from-right 2s ease-in}.profile-section{grid-area:profile;display:grid;min-height:50rem;grid-template-areas:"transparent-background" "header" "body";-webkit-animation:move-in-from-bottom 1s forwards;animation:move-in-from-bottom 1s forwards;grid-template-rows:30rem -webkit-min-content 1fr;grid-template-rows:30rem min-content 1fr;grid-row-gap:var(--bigest-gap);row-gap:var(--bigest-gap)}.gap1{grid-area:gap1}.gap2{grid-area:gap2}.click-on-suzanne{font-family:Josefin Slab;color:#fff;-webkit-animation:move-in-from-bottom 2s ease-in;animation:move-in-from-bottom 2s ease-in}.click-on-suzanne-exiting-animation{-webkit-animation:move-out-from-bottom .5s ease-in forwards;animation:move-out-from-bottom .5s ease-in forwards}.canvas-container{position:-webkit-sticky;position:sticky;left:0;top:0}.primary-heading{font-size:var(--hugest-font-size);margin-bottom:var(--big-margin)}.primary-heading,.secondary-heading{color:#f0f8ff;font-weight:600;display:block}.secondary-heading{font-size:var(--huger-font-size);margin-bottom:var(--larger-margin)}.timeline-main-box,.timeline-side-box{border-radius:var(--bigger-radius)}.svg-icon{width:3rem;height:3rem}.section-title-container{-webkit-column-span:all;column-span:all;display:grid;grid-auto-flow:column;font-family:"Quicksand";font-size:var(--largest-font-size);padding:1rem 2rem;background-color:var(--colour-primary);box-shadow:var(--section-title-shadow);color:var(--colour-white);width:98%;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;grid-template-columns:3rem 1fr;margin:0 auto 2rem;white-space:nowrap;grid-column:span 4}.box-title-container{padding:var(--smaller-padding);border-bottom:1px solid #fff;margin-bottom:var(--small-margin)}.tertiary-heading{color:var(--colour-primary);font-size:var(--big-font-size);font-family:"Josefin Slab";font-weight:700;display:block;white-space:nowrap}.profile-generic-box{color:var(--colour-white)}.box-plain-text{font-family:Hack;font-size:var(--small-font-size);line-height:1.6}.inline-text-box{display:inline}.four-heading{color:var(--colour-white);font-size:var(--large-font-size);font-family:"Quicksand";font-weight:500;display:block}.four-sub-heading{font-family:"Dancing Script";font-size:var(--smaller-font-size)}.profile-latest-news-box{grid-template-areas:"icon title" "icon date" "description description";grid-template-columns:var(--latest-news-icon-width) 1fr}.profile-latest-news-box,.profile-latest-news-box-with-photos{display:grid;grid-column-gap:var(--smallest-gap);-webkit-column-gap:var(--smallest-gap);column-gap:var(--smallest-gap);margin-bottom:var(--big-margin)}.profile-latest-news-box-with-photos{grid-template-areas:"icon title ." "icon date ." "description description photos";grid-template-columns:var(--latest-news-icon-width) 1.5fr 1fr}.profile-latest-news-box-icon-container{grid-area:icon}.profile-latest-news-box-icon{width:var(--latest-news-icon-width);height:var(--latest-news-icon-height);border-radius:var(--big-radius)}.profile-latest-news-box-title-container{grid-area:title;align-self:end}.profile-latest-news-box-date-container{grid-area:date}.profile-latest-news-box-description-container{margin-top:var(--small-margin);grid-area:description}.profile-latest-news-box-photos-container{grid-area:photos}.maximised-gallery-container{width:100%;height:100%;display:grid;grid-template-areas:"x . ." "left photo right" ". carousel .";grid-template-columns:5rem 1fr 5rem;grid-template-rows:5rem 1fr 10rem;color:#f5f5f5;font-size:10rem;font-family:"Hack"}.maximised-gallery-x-container{grid-area:x;cursor:pointer;position:relative}.maximised-gallery-x:after{content:"x";font-size:5rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.maximised-gallery-left-container{position:relative;grid-area:left;cursor:pointer;border-radius:5px;transition:all .1s;margin:auto}.maximised-gallery-left:after{content:"<";font-size:5rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.maximised-gallery-photo-container{grid-area:photo;display:grid;justify-items:center;-webkit-align-items:center;align-items:center;position:relative}.maximised-gallery-right-container{grid-area:right;cursor:pointer;border-radius:5px;transition:all .1s;margin:auto;position:relative}.maximised-gallery-right:after{content:">";font-size:5rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.maximised-gallery-carousel-container{grid-area:carousel}.photos-photo-maximised,.photos-photo-maximised-reduced{grid-row:1/1;grid-column:1/1;max-width:90%;max-height:70vh;width:auto;height:auto;z-index:1;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.photos-photo-maximised-reduced{-webkit-filter:blur(1rem);filter:blur(1rem);z-index:0}.backdrop-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));-webkit-backdrop-filter:blur(10rem);backdrop-filter:blur(10rem);z-index:100}.video-maximised{grid-row:1/1;grid-column:1/1;max-width:90%;max-height:70vh;width:auto;height:auto}.video-maximised,.video-minimised{z-index:1;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.video-minimised{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:all .1s}.video-carousel{width:20rem;height:10rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel-container{display:grid;grid-auto-flow:column;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:80vw;height:100%;justify-items:center;-webkit-align-items:center;align-items:center;grid-column-gap:5px;-webkit-column-gap:5px;column-gap:5px;margin:0 auto;overflow-y:hidden;overflow-x:scroll}.carousel-container::-webkit-scrollbar{display:none}.carousel-container{-ms-overflow-style:none;scrollbar-width:none}.carousel-photo-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;position:relative}.carousel-photo{width:20rem;height:10rem;-webkit-user-select:none;-ms-user-select:none;user-select:none}.carousel-photo-overlay{opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}.carousel-photo-container:hover .carousel-photo-overlay{opacity:0}.photos-minimised-gallery-container{display:grid;width:100%;overflow:hidden;position:relative}.photos-photo-container{position:relative;overflow:hidden;cursor:pointer}.photos-photo-overlay{position:absolute;top:0;left:0;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5));width:100%;height:100%;z-index:10;opacity:0;transition:all .1s}.photos-photo-container:hover .photos-photo,.photos-photo-container:hover .video-minimised{-webkit-transform:scale(1.1);transform:scale(1.1)}.photos-photo-container:hover .photos-photo-overlay{opacity:1;box-shadow:inset 0 0 40px 20px var(--colour-tertiary)}.photos-more-than-5-container{position:absolute;bottom:0;right:0;width:33%;height:50%;display:grid;justify-items:center;-webkit-align-items:center;align-items:center}.photos-more-than-5-container,.photos-more-than-5-text{background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5))}.photos-more-than-5-text{margin:auto;z-index:11}.photos-photo,.photos-photo-reduced{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:all .1s;z-index:1;position:relative}.photos-photo,.photos-photo-reduced{-webkit-user-select:none;-ms-user-select:none;user-select:none}.photos-photo-reduced{-webkit-filter:blur(1rem);filter:blur(1rem);position:absolute;top:0;left:0;z-index:0}.rounded-social-buttons{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:var(--big-margin);text-align:center}.rounded-social-buttons .social-button{display:inline-block;position:relative;cursor:pointer;width:3.125rem;height:3.125rem;border:.125rem solid transparent;padding:0;text-decoration:none;text-align:center;color:#fefefe;font-size:1.5625rem;font-weight:400;line-height:2em;border-radius:1.6875rem;transition:all .5s ease;margin-right:.25rem;margin-bottom:.25rem;-webkit-transform:scale(1.9);transform:scale(1.9)}.rounded-social-buttons .social-button:focus,.rounded-social-buttons .social-button:hover{-webkit-transform:scale(1.9) rotate(1turn);transform:scale(1.9) rotate(1turn)}.rounded-social-buttons .social-button.facebook{background:#3b5998}.rounded-social-buttons .social-button.facebook:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.facebook:focus,.rounded-social-buttons .social-button.facebook:hover{color:#3b5998;background:#fefefe;border-color:#3b5998}.rounded-social-buttons .social-button.twitter{background:#55acee}.rounded-social-buttons .social-button.twitter:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.twitter:focus,.rounded-social-buttons .social-button.twitter:hover{color:#55acee;background:#fefefe;border-color:#55acee}.rounded-social-buttons .social-button.linkedin{background:#007bb5}.rounded-social-buttons .social-button.linkedin:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.linkedin:focus,.rounded-social-buttons .social-button.linkedin:hover{color:#007bb5;background:#fefefe;border-color:#007bb5}.rounded-social-buttons .social-button.youtube{background:#b00}.rounded-social-buttons .social-button.youtube:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.youtube:focus,.rounded-social-buttons .social-button.youtube:hover{color:#b00;background:#fefefe;border-color:#b00}.rounded-social-buttons .social-button.instagram{background:#125688}.rounded-social-buttons .social-button.instagram:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.instagram:focus,.rounded-social-buttons .social-button.instagram:hover{color:#125688;background:#fefefe;border-color:#125688}.rounded-social-buttons .social-button.pinterest{background:#cb2027}.rounded-social-buttons .social-button.pinterest:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.pinterest:focus,.rounded-social-buttons .social-button.pinterest:hover{color:#cb2027;background:#fefefe;border-color:#cb2027}.rounded-social-buttons .social-button.google-plus{background:#dd4b39}.rounded-social-buttons .social-button.google-plus:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.google-plus:focus,.rounded-social-buttons .social-button.google-plus:hover{color:#dd4b39;background:#fefefe;border-color:#dd4b39}.rounded-social-buttons .social-button.github{background:#000}.rounded-social-buttons .social-button.github:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.github:focus,.rounded-social-buttons .social-button.github:hover{color:#000;background:#fefefe;border-color:#000}.rounded-social-buttons .social-button.tumblr{background:#32506d}.rounded-social-buttons .social-button.tumblr:before{font-family:"FontAwesome";content:""}.rounded-social-buttons .social-button.tumblr:focus,.rounded-social-buttons .social-button.tumblr:hover{color:#32506d;background:#fefefe;border-color:#32506d}.blog-post-box{color:var(--colour-white);cursor:pointer}.blog-post-box:hover{text-decoration:underline}.full-screen-modal-container{width:100%;height:100%;display:grid;grid-template-areas:"x . ." ". content ." ". . .";grid-template-columns:5rem 1fr 5rem;grid-template-rows:5rem 1fr 10rem;color:#f5f5f5;font-size:10rem;font-family:"Hack";overflow:scroll;scroll-behavior:smooth}.full-screen-modal-container::-webkit-scrollbar{display:none}.full-screen-modal-x-container{grid-area:x;cursor:pointer;position:relative}.full-screen-modal-x-container:after{content:"x";font-size:5rem;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.photo-gallery-iframe{width:50%;height:40rem}.blog-body{display:grid;justify-items:start;font-size:var(--large-font-size);text-align:left}.blog-title-container{display:grid;grid-template-areas:"title" "author_date";text-transform:capitalize;font-family:"Hack";grid-row-gap:2rem;row-gap:2rem}.blog-title{font-size:var(--huge-font-size)}.blog-author-and-date-container{grid-area:author_date;font-size:var(--big-font-size)}.blog-date{font-size:var(--large-font-size);font-family:"Dancing Script"}.blog-layout-section{display:grid;grid-area:content;grid-template-areas:". . ." ". blog ." ". . .";grid-template-columns:minmax(1rem,10rem) 1fr minmax(1rem,10rem);grid-template-rows:5rem 1fr 5rem}.blog-layout-blog-container{grid-area:blog;justify-self:center;text-align:center}.tag-bubble-container{border:1px solid var(--colour-quaternary);color:var(--colour-blue-gray);border-radius:1rem;padding:2px 5px;margin-right:1rem;transition:all .2s;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:inline-block}.tag-bubble-container:hover{background-color:var(--colour-quaternary);border:1px solid var(--colour-primary);color:var(--colour-gray-blue)}.tag-bubble{color:inherit;text-decoration:none}.blog-post-paragraph{display:inline;line-height:1.5}.highlight-inline{background-color:var(--colour-gray-1);padding:.2rem .5rem}.folder-structure-container,.highlight-code{font-size:var(--small-font-size)}.folder-structure-container{background-color:var(--colour-gray-1);line-height:.8;padding:1rem;margin:1rem 0}.folder-structure-element-type{position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.folder-structure-element-type-cursor{cursor:pointer}.folder-structure-element-type-oppened-folder{color:var(--colour-blue-gray)}.folder-structure-element-type-closed-folder{color:var(--colour-gray-blu)}.folder-structure-element-type-closed-folder:before,.folder-structure-element-type-oppened-folder:before{content:"";background:url(/static/media/opened-folder.d1c5abce.svg);position:absolute;top:0;right:-2.2rem;width:1.8rem;height:1.8rem}.folder-structure-element-type-oppened-folder:before{background:url(/static/media/opened-folder.d1c5abce.svg)}.folder-structure-element-type-closed-folder:before{background:url(/static/media/closed-folder.9f25cf0c.svg)}.folder-structure-element-type-css:before,.folder-structure-element-type-jpeg:before,.folder-structure-element-type-jpg:before,.folder-structure-element-type-tsx:before{content:"";position:absolute;top:0;right:-2rem;width:1.7rem;height:1.7rem}.folder-structure-element-type-css:before{background:url(/static/media/css-3.3bf81d9f.svg)}.folder-structure-element-type-jpeg:before,.folder-structure-element-type-jpg:before{height:1.3rem;top:.3rem;background:url(/static/media/picture.f29f7503.svg)}.folder-structure-element-type-tsx:before{background:url(/static/media/typescript.07350de5.svg)}.folder-structure-element-type-this:after{content:"";position:absolute;background:url(/static/media/arrowleft.4903ba3e.svg);margin-left:3rem;width:4rem;height:1.5rem;color:var(--colour-quaternary);font-size:8rem;padding:0}.folder-structure-element-type-downloable{text-decoration:none;color:inherit}.folder-structure-element-type-downloable:hover{color:var(--colour-primary)}.mp4-gif{width:80%;max-width:50rem}.photo-gallery-blog-post-cat-gif{display:block}.photo-gallery-blog-post-photo-version-table{background-color:var(--colour-gray-1);padding:1rem;margin:1rem 0;font-size:var(--small-font-size)}.downloable-link{color:var(--colour-primary)}.downloable-link:hover{color:var(--colour-quaternary)}.contents-table-container{display:grid;justify-items:center}.contents-table-list{font-size:var(--larger-font-size);text-align:left;display:grid;border:1px solid var(--colour-gray-1);padding:1rem 3rem;list-style:none}.contents-table-list li{text-decoration:none}.contents-table-list li a,.contents-table-list li a:active,.contents-table-list li a:visited{border-bottom:1px solid var(--colour-gray-2);color:#fff;text-decoration:none}.contents-table-list li a:hover{color:var(--colour-tertiary)}.blog-section{font-size:var(--huger-font-size);justify-self:start}.blog-section-content-title-depth2{padding-left:2rem}.blog-section-content-title-depth3{padding-left:4rem}.blog-section-content-title-depth4{padding-left:5.5rem}.blog-section-title-depth-1{font-size:var(--huger-font-size);margin-top:4rem;margin-bottom:2rem}.blog-section-title-depth-2{font-size:var(--big-font-size);margin-top:3rem;margin-bottom:1rem}.blog-section-title-depth-3{font-size:var(--largest-font-size);margin-top:3rem;margin-bottom:1rem}.blog-section-title-depth-4{font-size:var(--larger-font-size);margin-top:3rem;margin-bottom:1rem}.section-container{font-size:var(--large-font-size);text-align:left}.publication-container{display:grid;grid-template-areas:"year title" ". authors" ". journal" ". tags";grid-template-columns:10rem 1fr;grid-row-gap:1rem;row-gap:1rem;margin-bottom:3rem}.publications-year{grid-area:year}.publications-title{grid-area:title}.publications-authors{grid-area:authors}.publications-journal{grid-area:journal}.publications-tags{grid-area:tags;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.big-font-size{font-size:var(--larger-font-size)}.experience-section{grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;grid-column:span 4}.experience-section,.experience-section-items-container{display:grid;grid-row-gap:2rem;row-gap:2rem}.experience-section-item{display:grid;grid-template-areas:"title subtitle" "subsubtitle year" "details details";color:#fff;font-size:var(--large-font-size);font-family:"Hack";width:90%;margin:auto;transition:all .1s;border:1px solid transparent}.experience-section-item:hover{border-top:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}.experience-section-item-year{grid-area:year;justify-self:end;font-size:var(--small-font-size);font-family:"Quicksand";text-align:right}.experience-section-item-title{grid-area:title;font-size:var(--small-font-size);font-weight:800}.experience-section-item-subtitle{grid-area:subtitle;justify-self:end;text-align:right}.experience-section-item-subsubtitle{grid-area:subsubtitle;font-size:var(--small-font-size);font-family:"Hack"}.experience-section-item-details{grid-area:details;list-style:none;margin-left:1rem}.experience-details-item{font-size:var(--smaller-font-size)}.experience-details-item:before{content:"-"}.project-container{border-bottom:1px solid #f5f5f5;padding-bottom:1rem;grid-column:span 4;display:grid;grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content;grid-template-columns:60% 40%;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem;grid-template-areas:"title title" "photos details" "photos technologies";color:#fff;font-family:"Courier New",Courier,monospace}.project-container-expanded{grid-template-rows:-webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content min-content min-content min-content;grid-template-areas:"title title" "photos photos" "details details" "technologies technologies" "links links";grid-row-gap:1rem;row-gap:1rem}.project-title-container{grid-area:title;font-size:var(--bigger-font-size)}.project-photos-container{grid-area:photos}.project-details-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-area:details;margin-bottom:5px;grid-row-gap:1rem;row-gap:1rem}.project-links{display:-webkit-flex;display:flex;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.project-technologies-container{grid-area:technologies;margin-bottom:5px}.project-technologies-container div{margin-bottom:2px}.projects-container{grid-template-rows:-webkit-min-content -webkit-min-content;grid-template-rows:min-content min-content;grid-column:span 4;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-column-gap:var(--bigest-gap);-webkit-column-gap:var(--bigest-gap);column-gap:var(--bigest-gap);grid-row-gap:var(--bigest-gap);row-gap:var(--bigest-gap);-webkit-animation:display 1s forwards;animation:display 1s forwards}.texts-styles_paragraph__2yVHQ{font-size:1.5rem;line-height:1.5;margin-bottom:1.5rem}.contact-detail-container,.contact-detail-link{display:-webkit-flex;display:flex;margin-bottom:1rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}.contact-detail-type{font-family:"Hack";font-size:var(--big-font-size)}.contact-detail-type,.contact-detail-value{-webkit-align-self:flex-end;align-self:flex-end}.contact-detail-value{font-family:"Josefin Slab";font-size:var(--larger-font-size)}.contact-detail-link{text-decoration:none;color:inherit}@-webkit-keyframes display{0%{opacity:0}to{opacity:1}}@keyframes display{0%{opacity:0}to{opacity:1}}.profile-contact-container,.profile-experience-container,.profile-projects-container,.profile-publications-container,.profile-timeline-container{opacity:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:-webkit-min-content;grid-template-rows:min-content;grid-column-gap:var(--bigest-gap);-webkit-column-gap:var(--bigest-gap);column-gap:var(--bigest-gap);grid-row-gap:var(--bigest-gap);row-gap:var(--bigest-gap);-webkit-animation:display 1s forwards;animation:display 1s forwards}.profile-header-profile-img-container{grid-area:img;justify-self:center;z-index:2;position:relative}.profile-header-profile-img-inner-container{width:15rem;height:15rem;overflow:hidden;border-radius:50%;margin-bottom:-2rem;border:2px solid #fff}.profile-img{width:auto;height:15rem}.profile-header-my-name{color:#fff;background-color:var(--colour-quaternary);grid-area:name;border-bottom:.5px solid grey;display:grid;border-top-left-radius:var(--bigger-radius);border-top-right-radius:var(--bigger-radius)}.profile-header-my-name-inner-container{justify-self:center;-webkit-align-self:center;align-self:center;font-size:var(--largest-font-size)!important;font-weight:900;white-space:nowrap;font-family:"Josefin Slab"}.profile-inner-header-container{list-style:none;grid-area:inner-header;background-color:var(--colour-primary);display:grid;border-bottom-left-radius:var(--bigger-radius);border-bottom-right-radius:var(--bigger-radius);grid-template-columns:repeat(5,minmax(-webkit-min-content,1fr));grid-template-columns:repeat(5,minmax(min-content,1fr));-webkit-align-items:center;align-items:center;font-size:var(--large-font-size);font-family:"Hack"}.profile-header-item{justify-self:center;padding:1.5rem 1rem;cursor:pointer;transition:all .2s;border-radius:2px;position:relative}.profile-header-item-inactive:hover{background-color:var(--colour-blue-gray);color:var(--colour-quaternary)}.profile-header-item-active{border-bottom:1px solid var(--colour-quaternary);color:var(--colour-quaternary)}.profile-inner-header-more-container{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;background-color:var(--colour-primary);position:absolute;top:6rem;right:.7rem;list-style:none;z-index:100}.profile-transparent-background-container{grid-area:transparent-background}.profile-header-container{grid-area:header;display:grid;grid-template-areas:"img" "name" "inner-header";grid-template-rows:-webkit-min-content 7rem 7rem;grid-template-rows:min-content 7rem 7rem}.profile-body-container{grid-area:body;border-radius:var(--bigger-radius);display:grid;min-height:100vh}
/*# sourceMappingURL=main.51856d8c.chunk.css.map */