@import"https://storage.cloud.google.com/pliao-storage/proximanova_regular.ttf";@import"https://storage.cloud.google.com/pliao-storage/proximanova_bold.otf";.proximanova,.proximanova_regular{font-family:proximanova,sans-serif;font-style:normal;font-weight:400}.flex-row{display:flex;align-items:center;justify-content:center;flex-direction:row}.flex-column{display:flex;align-items:center;justify-content:center;flex-direction:column}.fullscreen{width:100%;height:100%}.dark{--main-colour: #242424;--bg-colour: #3f3f3f;--sub-colour: #f9f9f9;color:var(--sub-colour);background-color:var(--bg-colour)}.light{--main-colour: #f9f9f9;--bg-colour: #fff6f6;--sub-colour: #242424;color:var(--sub-colour);background-color:var(--bg-colour)}@keyframes maskIn{0%{clip-path:polygon(0 0,0 0,calc(var(70px) * -1) 100%,calc(var(70px) * -1) 100%)}to{clip-path:polygon(0 0,calc(100% + var(70px)) 0,100% 100%,0 100%)}}.button{border:1px solid var(--sub-colour);padding:.6em 1.2em;background-color:var(--main-colour);color:var(--sub-colour);font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;width:fit-content;min-width:5rem;-webkit-user-select:none;user-select:none;transition:background-color .25s,color .25s}.button_default{background-color:var(--main-colour)}.button_default:hover{background-color:var(--sub-colour);color:var(--main-colour);box-shadow:0 5rem 5rem #0003}.button_c-button{overflow:hidden;position:relative;z-index:1;background-color:var(--main-colour);background-clip:padding-box;box-shadow:0 0 #0000001a;transition:color .4s ease-in-out,opacity .3s ease,box-shadow .5s ease 0s,background-color .25s ease-in-out .15s,-webkit-box-shadow .5s ease 0s}.button_c-button_circle{display:block;position:absolute;pointer-events:none;left:100%;bottom:100%;width:0;height:0;background-color:var(--sub-colour);border-radius:50%;transition:width .4s ease-in-out,height .4s ease-in-out;transform:translate(-50%,-50%);background-clip:padding-box;z-index:-1}.button_c-button_circle_active{width:35rem;height:35rem}.button_c-button_circle_inactive{width:0;height:0}.button_c-button:hover{color:var(--main-colour)}.footer{width:100%;min-height:10rem;background-color:var(--main-colour);justify-content:space-between}.footer_socials{align-items:flex-start;margin:3rem 0 3rem 3rem;justify-content:space-between;height:100%}.footer_socials_copyright{margin-top:1rem}.footer_links{margin-right:3rem}.link-button{position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.3s;color:var(--sub-colour)}.link-button_underline:hover{transition:.3s cubic-bezier(0,0,0,1)}.link-button_underline:hover:before{width:100%;transition:.3s cubic-bezier(0,0,0,1)}.link-button_underline:before{position:absolute;content:"";width:0;height:1px;left:0;bottom:.1rem;background-color:var(--sub-colour);transition:.3s cubic-bezier(0,0,0,1)}.link-button_underline_start-middle:before{margin-left:50%}.link-button_underline_start-middle:hover:before{margin-left:0}.link-button:hover{color:var(--sub-colour);opacity:.9}.logo{background-color:#949494;padding:1rem}.header{position:fixed;right:0;top:0;left:0;z-index:100;margin:auto;overflow:hidden;justify-content:space-between!important;background-color:var(--main-colour);color:var(--sub-colour);box-shadow:0 .5rem .5rem #0003;width:100%;height:5.5714285714rem;transition:padding-bottom .3s ease,height .4s ease,background-color .3s ease,color .3s ease;-webkit-transition:padding-bottom .3s ease,height .4s ease,background-color .3s ease,color .3s ease}.header_top{width:100%;height:100%;justify-content:space-between}.header_is-tall{height:5.5714285714rem}.header_show-submenu{padding-bottom:5.5714285714rem}.header_icon{margin-left:3rem}.header_titles{padding:1rem 3rem 1rem 1rem;user-select:none;-webkit-user-select:none}.header_titles_links{margin:-.75rem 1rem 0 0;transition:.4s}.header_titles_links_link-button{margin:1rem;padding-bottom:.5rem;font-size:14px;font-weight:700}.header_titles_links_link-button_expand:hover:after{height:2.2rem;transition:.3s cubic-bezier(0,0,0,1)}.header_titles_links_link-button_expand:after{position:absolute;content:"";width:1px;height:0;left:0;top:0;background-color:var(--sub-colour);transition:.3s cubic-bezier(0,0,0,1);margin-left:50%;margin-top:1.7rem}.header_titles_links_link-button_expand-focused:after{height:2.2rem}.header_titles_links_link-button_focused:before{width:100%;margin-left:0}.header_titles_light-dark{display:flex;justify-content:flex-end;margin:.75rem 4rem 0 0;font-size:10px;white-space:pre;width:100%;max-height:0;opacity:0;overflow:hidden;transition:.2s ease}.header_titles_light-dark_button{font-size:10px}.header_titles_light-dark_shown{opacity:1;max-height:5rem;transition:.2s ease}.header_titles h5{padding:1rem;margin:0}.header_submenu{width:calc(100% - 6rem);height:100%;justify-content:space-between;padding:.5rem 6rem;position:absolute;opacity:0;pointer-events:none;transition:.2s ease-out}.header_submenu_visible{pointer-events:auto;opacity:1;transition:.2s ease-out}.header_submenu_contents{width:100%;height:100%;position:relative;margin-top:3rem}.header_submenu-line:before{position:absolute;content:"";width:calc(100% - 6rem);height:1px;top:6.2714285714rem;left:3rem;background-color:var(--sub-colour);opacity:0;transition:.2s ease-out}.header_submenu-line_visible:before{opacity:1;transition:.7s cubic-bezier(0,0,0,1)}#root{width:100%;height:100%;margin:0 auto;text-align:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;height:100vh}h1{font-size:3.2em;line-height:1.1}.test-page{height:200%;width:100%;padding:1rem}.test-page_button{width:15rem;margin:.5rem 1rem}.page-wrapper{height:100%;width:100%;overflow-y:auto}.resume-page{width:100%;height:100%;padding:15rem 0 5rem}.resume-page_title{font-size:80px;font-weight:900;line-height:60px;text-transform:uppercase;clip-path:polygon(0 0,0 0,calc(var(70px) * -1) 100%,calc(var(70px) * -1) 100%);animation:.8s cubic-bezier(.73,.01,.24,1.01) .2s 1 normal forwards running maskIn;margin-bottom:3rem}.resume-page_title:before{display:block;position:absolute;z-index:10;bottom:-8px;left:-4px;width:100%;height:15px;background-color:#535bf2}.resume-page_button{width:15rem;height:5rem;border-radius:.3rem;margin:.5rem 0 3rem}