.card{background:#fcfbfb;border:2px solid #e7e7e7fa;border-radius:20px;overflow:visible;padding:1em 1.8rem 1rem;position:relative;transition:.5s ease-out;width:100%}.card-details{display:grid;height:100%;place-content:left}.card-body{color:var(--card-text-colour);font-size:large}.card-title{font-size:1.5em;font-weight:700}.card:hover{border-color:var(--primary-colour);box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.card:hover .card-button{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.tag{border-radius:10px;color:var(--primary-colour);margin:0 .5em}.missing-tag{align-items:center;background-color:var(--primary-colour);border-radius:100px;color:var(--bg-colour);display:flex;font-size:30px;justify-content:center;padding:.1em .28em;-webkit-transform:translateY(-.1em);transform:translateY(-.1em)}.dropcard{background:#fcfbfb;border:2px solid #e7e7e7fa;border-radius:20px;overflow:visible;padding:0 1.8rem 1em;position:relative;transition:.2s ease-out;width:100%}.dropcard-header{align-items:center;display:flex;flex-direction:row;margin:1em 0 0}.dropdown{border-radius:10px;display:flex;flex-grow:1;font-size:26px;font-weight:600;justify-content:flex-end;text-decoration:none;transition:all .5s ease-in-out}.dropcard.active .dropdown-arrow{-webkit-transform:rotate(90deg);transform:rotate(90deg);transition:all .5s ease-in-out}.dropdown-arrow{transition:all .5s ease-in-out}.dropdown:hover{cursor:pointer}.tags{display:flex;flex-direction:row;width:-webkit-max-content;width:max-content}.dropcard-details{grid-gap:3em;color:#000;display:grid;gap:3em;height:100%;max-height:0;overflow:hidden;transition:var(--dropcard-transition)}.dropcard-details.active{max-height:var(--dropcard-height);transition:var(--dropcard-transition)}.dropcard-details .dropdown-body{color:var(--card-text-colour);font-size:large;text-align:justify}.content-container{display:flex;flex-direction:column;grid-column-end:3;grid-column-start:1;grid-row:1;justify-content:center;margin:1em 0 0}.header-text{border-right:1px solid #bdbdbd;margin-right:1em}.header-text,.header-text-resume{display:grid;grid-row:1;padding:0 1.7em 0 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.dropdown-title{font-size:1.5em;margin:0,0,0,0}.dropcard.tag-selected .dropdown-title{font-size:1.5em;font-weight:700;margin:0,0,0,0}.dropdown-subtitle{font-size:1em;font-style:italic;font-weight:400;margin:0,0,0,0}.dropcard:hover{border-color:var(--primary-colour);box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.dropcard:hover .card-button{opacity:1;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.url-container{display:grid;grid-column:4;grid-row:1;justify-content:right;margin:0 1em 1em 0}.url-button{-webkit-text-fill-color:transparent;text-wrap:nowrap;background:var(--text-colour);-webkit-background-clip:text;background-clip:text;border-radius:10px;font-size:26px;font-weight:600;margin:.5em 0 0;max-height:0;padding:.2em .5em;text-decoration:none;transition:var(--dropcard-transition)}.project-url{grid-row:5}.code-url{grid-row:4}.url-button:hover{-webkit-text-fill-color:#fff;-webkit-animation:urlButtonHover .1s ease-in-out 0s 1 normal both;animation:urlButtonHover .1s ease-in-out 0s 1 normal both;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;cursor:pointer}.url-button.active{max-height:var(--dropcard-height);transition:var(--dropcard-transition)}@media screen and (max-width:1000px){.dropcard-header{align-items:flex-start;flex-direction:column;gap:10px;justify-content:flex-start}.header-text{border-right:none}.tags{align-items:start}.dropcard-details{display:flex;flex-direction:column;gap:1em}.url-container{display:flex;flex-direction:row;justify-content:space-evenly}.dropdown{margin-left:auto}.dropcard-details.active,.url-button.active{max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content}}@-webkit-keyframes urlButtonHover{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}@keyframes urlButtonHover{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}.filter-card{background:#fcfbfb;border:2px solid #e7e7e7fa;border-radius:20px;display:flex;overflow:visible;padding:1em 1.8rem 1rem;position:relative;transition:.5s ease-out;width:100%}.filter-card-details{display:grid;place-content:left}.filter-card-title{font-size:1.5em;font-weight:700}.filter-card:hover{border-color:var(--primary-colour);box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}.filter-card-filters{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:1em}.filter-toggle{cursor:pointer;margin:5px;padding:3px}.filter-toggle:after{background:repeating-linear-gradient(90deg,rgba(70,70,70,.61) 0,rgba(70,70,70,.61) 2px,#fff 0,#fff 4px);bottom:0;content:"";display:block;height:2px;position:relative;right:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%}.filter-toggle.tag{transition:all .5s ease-out}.filter-toggle:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.filter-toggle:hover .tag{-webkit-transform:translateY(-4px) scale(1.1);transform:translateY(-4px) scale(1.1);transition:.5s ease-out}.filter-toggle.active:after{background:rgba(70,70,70,.61);-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left}.filter-toggle.active .tag{-webkit-transform:translateY(-4px) scale(1.1);transform:translateY(-4px) scale(1.1);transition:.5s ease-out}.filter-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.filter-action{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text;background-clip:text;border-radius:10px;font-size:26px;font-weight:600;margin:0 1em 1em;padding:.2em .5em;text-decoration:none;white-space:nowrap}.filter-action:hover{-webkit-text-fill-color:#fff;-webkit-animation:filterActionAnimation .1s ease-in-out 0s 1 normal both;animation:filterActionAnimation .1s ease-in-out 0s 1 normal both;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;cursor:pointer}@-webkit-keyframes filterActionAnimation{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}@keyframes filterActionAnimation{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}*,:after,:before{border:0;box-sizing:border-box;margin:0;padding:0}body,html{height:100%}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h2{font-weight:400}a{text-decoration:none}hr{color:#000;margin:2em 0;width:80%}.content{background-color:var(--bg-colour);display:grid;grid-template-areas:"nav main";grid-template-columns:20vw 70vw}.navbar{grid-area:nav}.navbarFixedContainer{align-items:center;position:fixed;width:20vw}.navbarContainer,.navbarFixedContainer{display:flex;flex-direction:column;justify-content:center}.navbarContainer{padding:50px;width:100%}.navItem{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text;background-clip:text;border-radius:10px;font-size:26px;font-weight:600;margin:.5em 0;padding:.5em 0 .5em .5em;text-decoration:none}.navItem:hover{-webkit-text-fill-color:#fff;-webkit-animation:navItemHover .1s ease-in-out 0s 1 normal both;animation:navItemHover .1s ease-in-out 0s 1 normal both;background:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;cursor:pointer}.card-container,.dropcard-container{margin:1em 3.8em 0 0}.main{display:flex;flex-direction:column;grid-area:main;padding-bottom:100px}.container{display:grid;grid-template-areas:"title ." "subtitle pic" "subtitle pic" "subtitle pic" "signature pic" "social-media pic";grid-template-columns:3fr 1fr;grid-template-rows:auto 100px;margin-right:10rem;margin-top:5rem;width:90%}.profile-picture{border:5px;border-radius:100px;box-shadow:0 10px 18px 0 rgba(0,0,0,.5);height:auto;object-fit:cover;width:320px}.profile-picture-container{grid-area:pic}.landing-title-container{align-items:left;grid-area:title}.landing-title,.landing-title-container{justify-content:left;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.landing-subtitle-container{display:flex;flex-direction:column;grid-area:subtitle;justify-content:space-between;padding-right:10%}.landing-subtitle{text-wrap:wrap;text-align:justify}.line-1{border-right:2px solid var(--primary-colour);margin:0;overflow:hidden;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:nowrap}.anim-typewriter{-webkit-animation:typewriter 1s steps(14) 1s 1 normal both,blinkTextCursor .7s steps(14) infinite normal;animation:typewriter 1s steps(14) 1s 1 normal both,blinkTextCursor .7s steps(14) infinite normal}.landing-signature-container{grid-area:signature}.signature{margin:1em 0 0}.social-media-icon{margin:0 1em 0 0}.social-media-list{display:flex;flex-direction:row;grid-area:social-media}.section{margin:4em 0 0}.section-title{-webkit-text-fill-color:transparent;background:var(--section-colour);-webkit-background-clip:text;background-clip:text;border-radius:10px;display:block;font-size:26px;font-weight:600;text-decoration:none}.section-title:before{-webkit-text-fill-color:var(--primary-colour);-webkit-background-clip:border-box;background-clip:initial;bottom:2px;color:#fff;content:">";position:relative;right:8px}.section-header{align-items:center;display:flex;flex-direction:row;white-space:nowrap}.section-divider{align-items:right;background-color:#fff;border:none;border-top:2.2px dashed rgba(70,70,70,.61);color:#fff;display:flex;height:1px;margin:0 0 0 1.5em;-webkit-transform:translateY(4px);transform:translateY(4px)}@media screen and (max-width:1000px){.main{overflow:hidden;padding-left:20px;padding-right:10px}.content{background-color:var(--bg-colour);display:grid;grid-template-areas:"main";grid-template-columns:auto;width:100vw}.container{display:grid;grid-template-areas:"title" "pic" "subtitle" "subtitle" "subtitle" "signature" "social-media";grid-template-columns:90vw;grid-template-rows:auto;margin-top:2.5rem}.landing-title-container{margin-left:auto;margin-right:auto}.profile-picture-container{margin:1em auto}.landing-subtitle-container{padding-right:0}.landing-subtitle{margin:10px 0}.section{width:90vw}.card-container,.dropcard-container{margin:1em 0 0}}@-webkit-keyframes typewriter{0%{width:0}to{width:100%}}@keyframes typewriter{0%{width:0}to{width:100%}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:var(--primary-colour)}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:var(--primary-colour)}to{border-right-color:transparent}}@-webkit-keyframes navItemHover{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}@keyframes navItemHover{0%{-webkit-text-fill-color:transparent;background:var(--text-colour);-webkit-background-clip:text}to{-webkit-text-fill-color:#fff;background:var(--primary-colour);-webkit-background-clip:border-box;box-shadow:0 4px 18px 0 rgba(0,0,0,.25)}}:root{--primary-colour:#3f8efc;--secondary-colour:#0f0;--bg-colour:#fff;--text-colour:-webkit-linear-gradient(225deg,#7ba7ff 35%,var(--primary-colour) 100%);--dropcard-height:300px;--dropcard-transition:max-height 0.5s ease-in-out;--card-text-colour:#444;--section-colour:-webkit-linear-gradient(112.1deg,#888787 11.4%,#000 70.2%)}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background-color:#fff;background-color:var(--bg-colour);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}
/*# sourceMappingURL=main.753095f6.css.map*/