a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body,html{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:none;margin:0;padding:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}ol,ul{list-style:none}hr{border:0;height:1px;background:#ccc}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}*{margin:0;padding:0;list-style:none;box-sizing:border-box}a,button,html,input,select,textarea{-webkit-tap-highlight-color:transparent}:root{--gray:#ccc;--dark:#1a1a1a;--dark2:#2a2a2a;--light:#f5f5f5;--accent:#ea3842}html{scroll-behavior:smooth}body{font:600 4rem Montserrat,sans-serif;background-color:var(--dark);color:var(--light);padding:0 10vw}a{cursor:pointer}.preload{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}::selection{background:rgba(255,255,255,.1)}::-moz-selection{background:rgba(255,255,255,.1)}#header{height:80vh;margin-bottom:20vh;display:flex;flex-direction:column;justify-content:center}#header>h1{font-size:2em;font-weight:800;color:var(--accent);margin-bottom:.25em}.btns{display:flex;flex-direction:column}.btn{font:500 .6em 'Roboto Mono',monospace;text-decoration:none;color:var(--accent);padding:.6em 1.2em;border:.12em solid var(--accent);border-radius:.5em;transition:.2s;text-align:center;margin-bottom:.75em}.btn{position:relative;overflow:hidden}.btn:hover{color:var(--dark);background-color:var(--accent)}.btn::before{content:'';height:100%;width:4rem;top:0;left:-6rem;position:absolute;transform:skewX(-45deg);background-color:rgba(255,255,255,.5);transition:none}.btn:hover::before{transform:skewX(-45deg) translate(40rem);transition:all .75s ease-in-out}@keyframes pulse{0%{transform:scale(1.05)}20%{transform:scale(1)}80%{transform:scale(1)}100%{transform:scale(1.05)}}.anim{animation:pulse 2.5s infinite}#projects>h3{padding:5rem 0;text-align:center;color:var(--light);font-weight:600;font-size:1em}#projects>ul{display:flex;flex-direction:column}#projects>ul>li{width:80vw;height:80vw;font-size:.5em;border-radius:1vw;margin-bottom:5rem;background-color:var(--dark2);color:var(--gray);padding:2em;display:flex;flex-direction:column}#projects>ul>li:last-child{margin-bottom:0}.info{height:100%}.info>h4{font-weight:600;font-size:1.5em;padding-bottom:.75em;color:var(--light)}.info>p{font-weight:500;font-size:1.1em}.other{width:100%;display:flex;align-items:center;justify-content:space-between;font:500 1em 'Roboto Mono',monospace}.stack{display:flex;justify-content:flex-start}.stack>li{padding-right:1.25em}.icons>a{padding-left:.75em}.icons a{color:var(--grey);transition:all .3s ease-in-out}.icons a:hover{color:var(--accent);transition:all .3s ease-in-out}.icons svg{width:2.5em;height:2.5em}#workbtn{margin:5rem;margin-bottom:0}#footer{padding:5rem;font:500 .4em 'Roboto Mono',monospace;text-align:center}#footer>a{text-decoration:none;color:var(--light);transition:all .3s ease-in-out}#footer em{color:var(--accent);transition:all .3s ease-in-out}#footer>a:hover{color:var(--accent);transition:all .3s ease-in-out}#footer>a:hover>em{color:var(--light);transition:all .3s ease-in-out}@media only screen and (min-width:769px){body{font-size:3rem}}@media only screen and (min-width:1024px){#header{height:100vh;margin-bottom:0}.btns{user-select:none;flex-direction:row;justify-content:flex-start}.btn{user-select:none;margin:0 .75em 0 0}#projects>h3{font-size:1.2em}#projects>ul>li{height:45vw;border-radius:.5vw;padding:2.5em}.icons{user-select:none}#workbtn{width:80vw;margin:0;margin-top:5rem}#workbtn>.btn{width:100%}#workbtn>.btn:first-child{margin-right:1.5em}#workbtn>.btn:hover::before{transform:skewX(-45deg) translate(60rem)}}@media only screen and (min-width:1500px){#projects>ul>li{height:25vh}}@media only screen and (min-width:2000px){body{padding:0 20vw}#workbtn{width:60vw}#projects>ul>li{width:60vw}#workbtn>.btn:hover::before{transform:skewX(-45deg) translate(80rem)}}