:root{--dracula-gray:#6272a4;--dracula-bg:#282a36;--dracula-fg:#f8f8f2;--dracula-line:#44475a;--dracula-cyan:#8be9fd;--dracula-green:#50fa7b;--dracula-pink:#ff79c6;--dracula-purple:#bd93f9;--dracula-yellow:#f1fa8c;--bg-size:150%}html,body{height:100%;margin:0;font-family:monospace;color:var(--dracula-fg);font-size:16px;background-color:var(--dracula-bg)}body{padding-top:16px;height:calc(100% - 32px);margin-top:16px;overflow-y:scroll}main{padding-left:16px;padding-right:16px;min-height:calc(100% - 177px)}main .wrapper{display:flex;flex-direction:row}@media screen and (max-width:800px){main .wrapper{flex-direction:column}}header{margin-left:16px;margin-right:16px}header a{text-decoration:none}header a:hover{text-decoration:none}time{color:var(--dracula-cyan)}pre code{display:block;padding:8px;width:98%;background-color:#363948;color:var(--dracula-green);max-width:98vw;overflow-x:scroll}code{background-color:#363948;padding:0 2px;color:var(--dracula-green)}h1,h2,h3{color:var(--dracula-pink)}a{color:var(--dracula-purple);text-decoration:underline}a:hover{color:var(--dracula-yellow);text-decoration:underline}.project{margin:0 0 8px;padding:0 8px}header{border-bottom:1px solid var(--dracula-pink);padding-bottom:12px;margin-bottom:1rem}header #title{margin:0;--color-one:var(--dracula-purple);--color-two:var(--dracula-pink);background:linear-gradient(90deg,var(--color-one),var(--color-two),var(--color-one))0 0/var(--bg-size)100%;color:transparent;-webkit-background-clip:text;background-clip:text}header div{display:flex;flex-direction:row;justify-content:space-between;align-content:center}header #contact{display:flex;flex-direction:column}header #contact .link{width:100px;height:32px;margin-left:8px;margin-right:8px;padding:8px;display:flex;justify-content:center;align-content:center;background:linear-gradient(to left,var(--dracula-pink) 50%,var(--dracula-purple) 50%)100%;background-size:200%;transition:.5s ease-out;color:var(--dracula-fg)}header #contact{display:flex;flex-direction:row;justify-content:space-evenly}header #contact .link span{width:100%;flex-grow:1;line-height:32px;font-size:1em;text-align:center}header #contact .link img{color:var(--dracula-fg);fill:var(--dracula-fg)}header #contact .link:hover{background-position:0;cursor:pointer}header #contact a{text-decoration:none}header #contact .link-icon{width:32px;margin-left:auto;margin-right:8px;padding:8px}@media screen and (max-width:480px){header #contact span{display:none}header #contact .link{width:32px}}footer{--middle:var(--dracula-purple);--lower:var(--dracula-pink);--upper:var(--dracula-gray);--bg:var(--dracula-bg);width:100%;height:100px;min-height:100px;max-height:100px;overflow:hidden;background-color:var(--dracula-bg);background-image:linear-gradient(0deg,var(--middle) 0%,var(--bg) 60%)}.ocean{height:100px;width:100%;position:relative;bottom:0;left:0;right:0}.wave{background:url(/icons/wave.svg)repeat-x;position:absolute;overflow:hidden;top:45px;bottom:0;left:0;right:0;width:6400px;height:64px;animation:wave 6s cubic-bezier(.36,.55,.83,.53)infinite;transform:translate3d(0,0,0)}.wave:nth-of-type(2){animation:wave 7s cubic-bezier(.36,.45,.63,.33)2.425s infinite;opacity:1}.wave:nth-of-type(3){animation:wave 9s cubic-bezier(.36,.65,.63,.53)-1.825s infinite;opacity:1}.wave:nth-of-type(4){animation:wave 8s cubic-bezier(.56,.45,.63,.53)-.425s infinite;opacity:1}@keyframes wave{0%{margin-left:-1600px}100%{margin-left:0}}@keyframes swell{0%,100%{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}.wavefooter{overflow:hidden}