:root{--linkvisited:#fff;--linkhover:#8db3f3;--heytext:#57b887;--white:#fef9ff;--background:#241e26;--nametext:#6fd361;--lightgreen:#6fd361}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#222;color:#fef9ff;color:var(--white);font-family:Arial,Helvetica,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.navbutton{font-size:30pt}.navbutton>a{color:#fff;text-decoration:none}.navbutton>a:visited{color:var(--linkvisited)}.navbutton>a:hover{color:var(--linkhover)}.app{display:grid;grid-template-columns:1fr 3fr;grid-template-rows:3fr 2fr;height:100vh;margin-left:1%;overflow:hidden}.introduction{font-size:20pt;grid-row-end:2;grid-row-start:1}.introduction,.nav{align-self:center;grid-column-end:2;grid-column-start:1}.nav{grid-row-end:3;grid-row-start:2}.router{padding-left:2%}.router,.transparencyscreen{align-self:center;grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;overflow:hidden;position:relative}.transparencyscreen{background-color:#000000a6;height:100%;width:100%}.hey-text{color:var(--heytext);font-size:60pt;font-weight:bolder}.name-text{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,var(--lightgreen),var(--heytext));-webkit-background-clip:text;font-size:36pt;font-weight:bolder;width:100%}#video{grid-column-end:3;grid-column-start:2;grid-row-end:3;grid-row-start:1;height:100%;object-fit:cover;overflow:hidden;position:relative;width:100%;z-index:-1}.contact{font-size:16pt;margin:0}p>a{color:#fff;font-size:14pt;font-weight:bolder;margin:0}p>a:hover{color:var(--linkhover)}table{text-align:left}td,th{padding:0 2%}thead{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,var(--heytext),#aac9ff);-webkit-background-clip:text;font-size:17pt;font-weight:700}tr{font-size:16pt}.skills{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.skills ul{color:#fff;font-size:14pt;font-weight:bolder;list-style:none;margin:0}.aboutme{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;display:grid;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;padding-right:2%}.aboutme h1{background:-webkit-linear-gradient(45deg,var(--lightgreen),#aac9ff);-webkit-background-clip:text;font-size:18pt;font-weight:bolder;margin:.5% 0}.aboutme h1,.aboutme h2{-webkit-text-fill-color:transparent}.aboutme h2{background:-webkit-linear-gradient(45deg,var(--heytext),#aac9ff);-webkit-background-clip:text;margin:2% 0}.aboutme p{font-size:16pt}hr{background-image:linear-gradient(90deg,#ffffff66,transparent);border:0;border-radius:50%;height:1px;width:101%}table{width:100%}.aboutme a{color:#aac9ff;font-weight:bolder}.aboutme a:hover{color:var(--heytext)}.aboutme a:visited{color:#aac9ff}.gallery{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;height:100%;width:100%}.item{height:75%;object-fit:cover;overflow:block;padding:0;width:75%}.item iframe,.item img,.item video{display:block;height:100%;margin:auto;width:100%}.item p{font-weight:600;margin-top:10px}.item a{color:#aac9ff;font-weight:bolder}.item a:hover{color:var(--heytext)}.item a:visited{color:#aac9ff}.music{align-items:center;-webkit-animation:fadeIn 1s;animation:fadeIn 1s;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;height:100%;width:100%}.music p{font-size:12pt;font-weight:600}.item1{grid-row-end:2;grid-row-start:1}.item1,.item2{grid-column-end:3;grid-column-start:1}.item2{grid-row-end:3;grid-row-start:2}.item3{grid-row-end:4;grid-row-start:3}.item3,.item4{grid-column-end:3;grid-column-start:1}.item4{grid-row-end:5;grid-row-start:4}.item5{grid-column-end:3;grid-column-start:1;grid-row-end:6;grid-row-start:5}.musicitem{height:92%;width:95%}.musicitem p{font-size:13pt;margin-top:1%}.musictitle{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(45deg,var(--heytext),#aac9ff);-webkit-background-clip:text;font-size:20pt;font-weight:bolder}.spacer{background:var(--heytext);-webkit-background-clip:text}.completed,.spacer{-webkit-text-fill-color:transparent;font-size:18pt;font-weight:bolder}.completed{background:#adff2f;-webkit-background-clip:text}.wip{-webkit-text-fill-color:transparent;background:var(--nametext);-webkit-background-clip:text;font-size:18pt;font-weight:bolder}.tablecell{display:table-cell;padding-left:20px;vertical-align:middle}.tablewrapper{display:table}
/*# sourceMappingURL=main.72e99163.css.map*/