.App{color:light-dark(#1c1c1c,#ccc);color:light-dark(var(--color-primary-darkest),var(--color-primary-lightest));display:grid;grid-template-columns:1fr;grid-template-rows:1fr;justify-items:center;margin:0 0 90px;padding:0}.App main{padding:0 20px;text-align:justify}@media (min-width:1024px){.App{font-size:16pt;grid-template-columns:240px 1fr;grid-template-rows:none;margin-bottom:180px}.App section p:first-of-type{margin-top:0}.App main{border-left:2px solid light-dark(#545454,#949494);border-left:2px solid light-dark(var(--color-primary-dark),var(--color-primary-light));line-height:1.3;margin-right:240px;padding-left:48px;padding-top:48px}.App main p:nth-child(2n){text-align-last:right}.App main>h2{text-align:center}}.Tabs{display:flex;flex-direction:column;grid-row:1;width:100%}@media (min-width:1024px){.Tabs{gap:16px;grid-row:initial;margin-right:-4px;margin-top:48px}}.Tabs .Tab{background:#fff;background:var(--color-white);border-bottom:2px solid light-dark(#545454,#949494);border-bottom-color:light-dark(var(--color-primary-dark),var(--color-primary-light));cursor:pointer;font-size:20pt;padding:12px 0;position:relative;text-align:center;transition:.2s}.Tabs .Tab:hover{background:#7e27b4;background:var(--color-secondary)}.Tabs .Tab:active{background:#a44fd8;background:var(--color-secondary-light)}.Tabs .Tab.selected{background:light-dark(#d4abed,#200a2e);background:light-dark(var(--color-secondary-lightest),var(--color-secondary-darkest));color:light-dark(#200a2e,#d4abed);color:light-dark(var(--color-secondary-darkest),var(--color-secondary-lightest))}@media (min-width:1024px){.Tabs .Tab{border-color:#545454;border-color:var(--color-primary-dark);border-style:solid;font-size:16pt;margin-top:-2px;padding:20px}}.Tabs .Tab:hover{background:#545454;background:var(--color-primary-dark);color:#e8e8e8;color:var(--color-primary-white)}.Tabs .Tab:active{background:#949494;background:var(--color-primary-light)}header{display:none}header h1{font-weight:700;padding:16px}header .ProfilePicture{border-radius:5%;margin-top:32px;width:160px}header .SettingButton{border-color:#0000;color:#7e27b4;color:var(--color-secondary);padding:12px;text-decoration:underline}@media (min-width:1024px){header{align-items:center;display:flex;flex-direction:row;grid-column:1/-1;height:180px;justify-content:space-between;padding-left:32px;padding-right:240px;width:100%}header .Title{margin-left:32px;margin-right:auto}}.Landing{display:flex;flex-direction:column;gap:16px}.Links{display:flex;flex-direction:row;justify-content:flex-end}.Title{font-style:italic}.Contact{display:flex;flex-direction:row;gap:16px;justify-content:flex-end}.Contact .Email{font-weight:700}.SkillsLists{grid-gap:16px;display:grid;gap:16px}@media (min-width:1024px){.SkillsLists{gap:48px;grid-template-columns:1fr 1fr}.SkillsLists>div:last-of-type{grid-column:1/-1}}.Specs{grid-gap:16px;color:light-dark(#431560,#bc7de3);color:light-dark(var(--color-secondary-darker),var(--color-secondary-lighter));display:grid;gap:16px;grid-template-columns:5fr 1fr 5fr;margin:8px;padding:16px}.Specs .Spec{align-items:center;display:grid;grid-column:1/4;grid-template-columns:subgrid}.Specs .Spec a{color:#7e27b4;color:var(--color-secondary)}.Specs .SpecRole{justify-self:right;text-align:right}.Specs .SpecImage{align-items:center;display:flex;justify-self:center}.Specs .SpecImage img{height:32px;width:32px}@media (min-width:1024px){.Specs{background:linear-gradient(90deg,#0000,hsla(hsl(0,0%,33%),.82) 16%,hsla(hsl(0,0%,33%),.82) 84%,#0000);background:linear-gradient(90deg,#0000,hsla(var(--color-primary-dark),.82) 16%,hsla(var(--color-primary-dark),.82) 84%,#0000);margin:16px}}.Skill{align-items:center;display:flex;flex-direction:row;gap:16px;justify-content:space-between}.Skill .Spec{margin-right:auto}.Skill .Spec a{color:#7e27b4;color:var(--color-secondary)}.Skill img{height:32px;width:32px}.SkillsList{display:flex;flex-direction:column;gap:12px}:root{--color-primary-white:#e8e8e8;--color-primary-lightest:#ccc;--color-primary-lighter:#b0b0b0;--color-primary-light:#949494;--color-primary:#737373;--color-primary-dark:#545454;--color-primary-darker:#3b3b3b;--color-primary-darkest:#1c1c1c;--color-primary-black:#0d0d0d;--color-secondary-white:#ebd9f7;--color-secondary-lightest:#d4abed;--color-secondary-lighter:#bc7de3;--color-secondary-light:#a44fd8;--color-secondary:#7e27b4;--color-secondary-dark:#6a2197;--color-secondary-darker:#431560;--color-secondary-darkest:#200a2e;--color-secondary-black:#0f0515;--color-accent-white:#fde4d3;--color-accent-lightest:#fbc39d;--color-accent-lighter:#f9a166;--color-accent-light:#f88030;--color-accent:#ec6409;--color-accent-dark:#b14b06;--color-accent-darker:#713004;--color-accent-darkest:#361702;--color-accent-black:#190a01;--color-black:#000;--color-white:#fff;--color-disabled:#999;--color-disabled-dark:#666;--background-image:url(../../static/media/bg_6.d5bde838bc5c07138524.jpg)}*,:after,:before{box-sizing:border-box}*{font-family:Droid Sans Mono,Consolas,Courier New,Courier,monospace}body{background-color:light-dark(#e8e8e8,#0d0d0d);background-color:light-dark(var(--color-primary-white),var(--color-primary-black));color:light-dark(#000,#e8e8e8);color:light-dark(var(--color-black),var(--color-primary-white))}a{color:#ec6409;color:var(--color-accent);transition:.2s}a:hover{color:#f9a166;color:var(--color-accent-lighter)}button{border:2px solid light-dark(#545454,#949494);border:2px solid light-dark(var(--color-primary-dark),var(--color-primary-light));cursor:pointer;font-size:16pt;padding:12px 24px}button:hover{background:#6a2197;background:var(--color-secondary-dark);color:#ebd9f7;color:var(--color-secondary-white)}button:active{background:#a44fd8;background:var(--color-secondary-light)}button,button:active,button:hover{transition:.2s}.hidden{display:none}.IconButton{align-items:center;background:#fff;background:var(--color-white);border:2px outset #1c1c1c;border:2px outset var(--color-primary-darkest);color:#1c1c1c;color:var(--color-primary-darkest);cursor:pointer;display:flex;flex-direction:row;justify-content:space-between;padding:12px;text-decoration:none;transition:.2s}.IconButton:hover{background:#7e27b4;background:var(--color-secondary)}.IconButton:active{background:#a44fd8;background:var(--color-secondary-light)}.IconButton:hover{color:#e8e8e8;color:var(--color-primary-white)}.IconButton:active{border-color:#bc7de3;border-color:var(--color-secondary-lighter);border-style:inset}.IconButton img{height:32px;width:32px}@media (min-width:768px){.IconButton{width:240px}}
/*# sourceMappingURL=main.8e8b2bc2.css.map*/