@import"https://fonts.googleapis.com/css?family=Roboto+Mono:400,700|Roboto:700i,900i&display=swap";.splash[data-v-5dea53d9]{width:100%;position:relative;height:100vh;max-height:700px;background:#000}@media (min-width: 968px){.splash[data-v-5dea53d9]{max-height:500px}}.splash-cont[data-v-5dea53d9]{width:100%;height:100%;max-width:800px;position:relative;margin:0 auto}.splash-image[data-v-5dea53d9]{position:absolute;bottom:0;left:0;background-repeat:no-repeat;background-size:cover;background-position:bottom right;background-image:url(https://cdn.glitch.com/5242e461-8ea0-4183-a040-73c9aae33634%2Fnicholai-full.jpg?v=1567091324338);width:66%;height:100%;max-height:700px}.splash-image[data-v-5dea53d9]:after{content:"";position:absolute;bottom:0;left:0;height:20%;width:100%;background:linear-gradient(to top,black,transparent)}@media (min-width: 968px){.splash-image[data-v-5dea53d9]{max-height:400px;width:50%;background-image:url(https://cdn.glitch.com/5242e461-8ea0-4183-a040-73c9aae33634%2Fnicholai.jpg?v=1567091318733);background-size:contain}}.splash-content[data-v-5dea53d9]{position:absolute;bottom:0;right:0;color:#fff;height:100%;width:66%;max-height:600px;text-align:right;padding-right:20px}@media (min-width: 968px){.splash-content[data-v-5dea53d9]{max-height:400px}}.splash-content h1[data-v-5dea53d9]{font-weight:900;font-style:italic;font-size:50px}.splash-content .holster[data-v-5dea53d9]{font-size:2em}.splash-content .holster__label[data-v-5dea53d9]{white-space:nowrap}.splash-content .holster .trickshot[data-v-5dea53d9]{max-width:195px;position:relative;display:inline-block;transition:color .35s;z-index:1}.splash-content .holster .trickshot svg[data-v-5dea53d9]{display:block;position:absolute;background-color:#a1e6f7;width:0;height:.2rem;bottom:0;z-index:-1;transition:.35s ease all}.splash-content .holster .trickshot svg polyline[data-v-5dea53d9]{fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke:#a1e6f7}.splash-content .holster.intro svg[data-v-5dea53d9]{width:100%}.skills{position:relative;width:100%;overflow:hidden}@media (max-width: 968px){.skills{display:flex}}.skills h2{width:100%}.skills__cont{width:calc(100% - 90px);flex-grow:1;transition:.35s ease all;margin-right:20px}@media (min-width: 968px){.skills__cont{display:flex;width:100%}}.skills__cont.expand{width:100%;margin-right:0}.skills__cont .skill{cursor:pointer;position:relative;border:2px solid white;border-radius:5px}.skills__cont .skill.selected{border-color:#a1e6f7}.skills__cont .skill>*{z-index:1}.skills__cont .skill:before,.skills__cont .skill:after{content:"";position:absolute;background-color:#120d08;z-index:0;transition:.35s ease all;transform-origin:center center}.skills__cont .skill:before{width:calc(100% - 6px);height:calc(100% + 4px);top:-2px;left:50%;transform:translate(-50%)}.skills__cont .skill:after{height:calc(100% - 6px);width:calc(100% + 4px);left:-2px;top:50%;transform:translateY(-50%)}.skills__cont .skill.selected:before,.skills__cont .skill:hover:before{width:0}.skills__cont .skill.selected:after,.skills__cont .skill:hover:after{height:0}.skills__cont .skill+.skill{margin-top:20px}@media (min-width: 968px){.skills__cont .skill{width:33%}.skills__cont .skill+.skill{margin-top:0;margin-left:20px}}.skills__cont .skill-name{font-weight:700;position:relative;padding:10px}.skills__cont .skill-blurb{padding:0 10px 10px}@media (max-width: 968px){.skills__cont .skill-blurb{display:none}}.skills__cont .skill.selected .skill-blurb{display:block}.skills .tools{position:relative;width:0;transition:.35s ease all;opacity:0;border:0 solid #a1e6f7;border-radius:5px;background-color:#120d08;flex-shrink:0}@media (min-width: 968px){.skills .tools{height:0;width:100%;margin-top:0}}.skills .tools.slide{width:70px;border-width:2px;right:0;opacity:1}@media (min-width: 968px){.skills .tools.slide{width:100%;height:74px;margin-top:20px}}.skills .tools__cont{position:absolute;top:0;left:0;width:calc(100% - 20px);height:calc(100% - 20px);margin:10px;overflow:hidden}.skills .tools__cont:before{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:20px;background-image:linear-gradient(to top,rgba(18,13,8,0),#120d08)}@media (min-width: 968px){.skills .tools__cont:before{width:20px;height:100%;background-image:linear-gradient(to left,rgba(18,13,8,0),#120d08)}}.skills .tools__cont:after{content:"";position:absolute;bottom:0;right:0;width:100%;height:40px;background-image:linear-gradient(to bottom,rgba(18,13,8,0),#120d08)}@media (min-width: 968px){.skills .tools__cont:after{width:20px;height:100%;background-image:linear-gradient(to right,rgba(18,13,8,0),#120d08)}}.skills .tools .tool{position:absolute;background-repeat:no-repeat;background-size:contain;background-position:center;width:100%;padding-bottom:100%}@media (min-width: 968px){.skills .tools .tool{width:50px;padding-bottom:0;height:50px}}.skills .tools .tool svg{position:absolute;top:0;left:0;width:100%;height:calc(100% - 10px);margin:5px 0;fill:#fff}.skills .tools .tool.transition{transition:1s linear}.contact-cont{margin-bottom:20px}.contact__btn{width:25px;height:25px;fill:#fff;position:relative;font-size:1em;display:inline-block;transition:color .35s}.contact__btn+.contact__btn{margin-left:10px}.contact__btn:after{content:"";display:block;position:absolute;background-color:#a1e6f7;width:100%;height:.1rem;bottom:-.1em;z-index:-1;transition:all .35s}.contact__btn:hover{color:#120d08;fill:#120d08}.contact__btn:hover:after{height:calc(100% + .1em);width:calc(100% + .5em);transform:translate(-.25em) skew(-7.77deg)}.contact__btn svg{width:100%;height:100%;transition:.35s ease all}.archive-cont[data-v-2669b226]{margin-bottom:20px}.archive-cont a+a[data-v-2669b226]{margin-left:10px}*{box-sizing:border-box;position:relative}html,body{margin:0}body{font-family:Roboto Mono,monospace;overflow-x:hidden;color:#fff;background:#120D08}.content{width:100%;padding:0 20px}.content-body{width:100%;margin:0 auto;max-width:800px}h1{font-family:Roboto,sans-serif}h2{font-family:Roboto,sans-serif;width:100%;margin:20px 0;border-bottom:1px dotted #a1e6f7;font-style:italic}a{cursor:pointer;text-decoration:none;color:inherit;position:relative;font-size:1em;display:inline-block;transition:color .35s}a:after{content:"";display:block;position:absolute;background-color:#a1e6f7;width:100%;height:.1rem;bottom:-.1em;z-index:-1;transition:all .35s}a:hover{color:#120d08;fill:#120d08}a:hover:after{height:calc(100% + .1em);width:calc(100% + .5em);transform:translate(-.25em) skew(-7.77deg)}