@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro&family=Lato:wght@300;400;700&family=Raleway:wght@100;200;300;400;500;600;700&family=Roboto+Mono:wght@400;600&display=swap";#root{text-align:center}.portfolio,#root{display:flex;flex-direction:column;align-items:flex-start;gap:40px;padding:0px 2rem;max-width:800px}.portfolio>div:nth-child(n+2){--section-bg-color: #043546;width:100%;padding:1.5rem}.portfolio h2{letter-spacing:3px;font-size:1.5rem;display:flex;margin-bottom:2rem}#aboutheading .content{display:flex;gap:1.5rem}#aboutheading .content p{text-align:left}.portfolio>.header{padding-top:40px;border:none}.header .name{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.navbar{display:flex;gap:40px;justify-content:space-between;margin:50px 30px 30px;font-size:1.2rem}.name h1{font-weight:700}.navbar a:hover:before{transform:scaleX(1);color:var(--accent-color)}.navbar a:hover{color:var(--accent-color)}.projects .content{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.projects .content .sidebar{display:flex;flex-direction:column;margin-bottom:2rem;font-family:var(--main-header-font);font-weight:500;font-size:.8rem;letter-spacing:2px}.projects .sidebar .selected{font-size:1.1rem;padding-bottom:3px;opacity:1}.projects .sidebar li{cursor:pointer;padding:20px;opacity:.8;position:relative;color:var(--accent-color)}.projects .sidebar li:before{content:"";position:absolute;bottom:-3px;left:0;height:1px;width:100%;background-color:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .2s linear}.projects .sidebar .selected:before{transform:scaleX(1)}.currentProject{padding:1rem}.currentProject p{font-family:Lato;color:#fff}#photographyheading .content{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-content:center}.resumesection{display:flex;flex-direction:column}.resumesection .content{display:flex;gap:2rem;justify-content:space-around;align-items:center}.footer .tofill{fill:var(--accent-color)}.footer .tocolor{color:var(--accent-color)}.footer{display:flex;align-items:center;justify-content:center;gap:3rem;height:3rem;width:100vw;margin-top:4rem;align-self:center;border-top:solid 1px rgba(255,255,255,.2)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--main-bg-color: #0f172a;--main-color: #ffffff;--secondary-color: #b5bedb;--accent-color: #64ffda;--main-text-font: "Lato";--main-header-font: "Raleway";color:var(--main-color);background-color:var(--main-bg-color);background:rgb(2,0,36);background:linear-gradient(130deg,rgba(2,0,36,1) 0%,rgba(15,23,42,1) 0%,rgba(17,26,47,1) 100%);line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}div,p{font-family:var(--main-text-font),sans-serif;color:var(--secondary-color)}h1,h2,h3,h4,.heading{font-family:var(--main-header-font),sans-serif;font-weight:600;color:var(--main-color)}a{font-family:var(--main-header-font),sans-serif}.icon{fill:var(--accent-color)}.interactable{color:var(--accent-color);font-family:var(--main-header-font);font-weight:700}body{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}h2{font-size:2em}.sticky{position:fixed;top:0;width:100%}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit;cursor:pointer;position:relative}span.bold{color:var(--accent-color);font-weight:700}a:before{content:"";position:absolute;bottom:-3px;left:0;height:1px;width:100%;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s linear}figcaption{font-size:.65rem;text-align:right}img{max-width:100%;height:auto}