*{box-sizing:border-box}:root{--standard-colour: #121212;--standard-border-colour: #202020;--standard-text-colour: white;--standard-highlight-colour: #1c1c1c;--standard-highlight-hover-colour: #2a2a2a;--background-colour: #080808;--button-initial-colour: #9e0b35;--flash-colour: #84bdff;--deimos-skew-px: 10px;--deimos-skew-angle: 10deg;--link-colour: rgb(255, 200, 200);--link-gradient-colour-1: #b6004c}@keyframes animateBg{0%{background-position:0% 0%}100%{background-position:100% 0%}}@keyframes animateToolTip{0%{width:0px;padding-left:0;padding-right:0;color:rgba(255,255,255,0)}80%{padding-left:25px;padding-right:25px;width:150px;color:rgba(255,255,255,0)}100%{color:#fff}}@keyframes animateToolTip{0%{color:#fff}80%{padding-left:25px;padding-right:25px;width:150px;color:rgba(255,255,255,0)}100%{width:0px;padding-left:0;padding-right:0;color:rgba(255,255,255,0)}}html{font-family:"Nunito", sans-serif;font-size:1.1em;letter-spacing:-0.02em;height:100%;width:100%;margin:0;background:var(--background-colour);color:white;overflow-x:hidden}body{height:100%;width:100%;margin:0;visibility:visible !important}a{text-decoration:none;color:white}a:hover{text-decoration:none;color:white}h1,h2,h3,h4,h5,h6{margin:0}::-webkit-scrollbar{width:5px;height:0px}::-webkit-scrollbar-track{background:#191919}::-webkit-scrollbar-thumb{background:rgba(100,100,100,0.5);border-radius:5px}#copyright{position:absolute;float:left;z-index:10;top:10px;left:10px}.nav{pointer-events:visible;position:fixed;display:flex;flex-direction:column;gap:1px;color:white;text-decoration:none;width:60px;margin:0;margin-left:25px;transform:translateY(-50%);top:50%;z-index:10}.deimos-skew-clippath{clip-path:polygon(calc(var(--height) * tan(var(--deimos-skew-angle))) 0, 100% 0, calc(100% - var(--height) * tan(var(--deimos-skew-angle))) 100%, 0 100%)}.nav span{--height: 50px;position:relative;width:60px;height:var(--height);line-height:50px;display:block;background-repeat:no-repeat;background-position:center}.nav span::before,.nav span::after{--height: 50px;position:absolute;width:100%;height:100%;content:"";clip-path:polygon(calc(var(--height) * tan(var(--deimos-skew-angle))) 0, 100% 0, calc(100% - var(--height) * tan(var(--deimos-skew-angle))) 100%, 0 100%);transition:0.2s ease;transition-property:background-color, left, bottom}.nav span::before{left:0;background-color:var(--standard-colour);z-index:-1}.nav span::after{left:-2px;bottom:-1px;background-color:var(--button-initial-colour);z-index:-2;animation:animateBg 12s linear infinite;background-image:linear-gradient(140deg, var(--button-initial-colour) 0%, var(--button-initial-colour) 49%, var(--flash-colour) 50%, var(--button-initial-colour) 51%, var(--button-initial-colour) 100%);background-size:1200% 100%}.nav a:nth-child(2n) span::before,.nav a:nth-child(2n) span::after{clip-path:polygon(0 0, calc(100% - var(--height) * tan(var(--deimos-skew-angle))) 0, 100% 100%, calc(var(--height) * tan(var(--deimos-skew-angle))) 100%)}.nav span.home{background-image:url("../images/icons/Home-Icon.svg")}.nav span.blog{background-image:url("../images/icons/Blog-Icon.svg")}.nav span.commissions{background-image:url("../images/icons/Information-Icon.svg")}.nav span.projects{background-image:url("../images/icons/Projects-Icon.svg")}.nav span:hover::before{background-color:var(--standard-highlight-colour)}.nav span:hover::after{left:-6px}.nav span:active::before{background-color:var(--standard-highlight-hover-colour)}.nav span .tooltip::after{background-color:var(--button-initial-colour);z-index:-2;left:-2px;bottom:-2px}.nav a:nth-child(2n-1) span .tooltip::after{left:-3px}.nav span .tooltip{color:white;width:0px;max-height:50px;color:rgba(255,255,255,0);text-align:center;left:60px;position:absolute;transition:all ease 0.2s;padding-left:0;padding-right:0;visibility:hidden;white-space:nowrap}.nav span:hover .tooltip{width:150px;padding-left:25px;padding-right:25px;left:60px;color:#fff;transition:all ease-out 0.2s;visibility:initial}.nav span:active .tooltip::before{background-color:var(--standard-highlight-hover-colour)}footer div#error{position:absolute;opacity:0}@keyframes animate{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(-1200px) rotate(720deg);opacity:0}}.circles{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden}.circles li{position:absolute;display:block;list-style:none;width:20px;height:20px;background:url("../images/background-pattern-solo.png");background-size:cover;background-repeat:no-repeat;animation:animate 25s linear infinite;bottom:-150px}.circles li:nth-child(1){left:25%;width:80px;height:80px;animation-delay:0s}.circles li:nth-child(2){left:10%;width:20px;height:20px;animation-delay:2s;animation-duration:12s}.circles li:nth-child(3){left:70%;width:20px;height:20px;animation-delay:4s}.circles li:nth-child(4){left:40%;width:60px;height:60px;animation-delay:0s;animation-duration:18s}.circles li:nth-child(5){left:65%;width:20px;height:20px;animation-delay:0s}.circles li:nth-child(6){left:75%;width:110px;height:110px;animation-delay:3s}.circles li:nth-child(7){left:35%;width:150px;height:150px;animation-delay:7s}.circles li:nth-child(8){left:50%;width:25px;height:25px;animation-delay:15s;animation-duration:45s}.circles li:nth-child(9){left:20%;width:15px;height:15px;animation-delay:2s;animation-duration:35s}.circles li:nth-child(10){left:85%;width:150px;height:150px;animation-delay:0s;animation-duration:11s}.circles li:nth-child(11){left:65%;width:40px;height:40px;animation-delay:2s;animation-duration:30s}.circles li:nth-child(12){left:41%;width:125px;height:125px;animation-delay:0s;animation-duration:22s}.circles li:nth-child(13){left:5%;width:100px;height:100px;animation-delay:2s;animation-duration:50s}@media (max-width: 720px){.peeker::before{background-color:var(--standard-colour);background-repeat:no-repeat;background-position:center;z-index:2;background-image:url("../images/icons/Menu-Icon.svg")}.peeker:hover::before{background-image:url()}.peeker::after{background-color:var(--button-initial-colour);left:-3px;bottom:-2px;z-index:1;animation:animateBg 12s linear infinite;background-image:linear-gradient(140deg, var(--button-initial-colour) 0%, var(--button-initial-colour) 49%, var(--flash-colour) 50%, var(--button-initial-colour) 51%, var(--button-initial-colour) 100%);background-size:1200% 100%}.peeker::before,.peeker::after{transition:all 0.2s ease;position:absolute;width:100%;height:100%;content:"";clip-path:polygon(calc(var(--height) * tan(var(--deimos-skew-angle))) 0, 100% 0, calc(100% - var(--height) * tan(var(--deimos-skew-angle))) 100%, 0 100%)}.peeker{z-index:10;pointer-events:none;position:fixed;display:block;left:20px;bottom:20px;width:60px;--height: 50px;height:var(--height);background-repeat:no-repeat;background-position:center}.cover{visibility:hidden;opacity:0;position:fixed;top:0;right:0;left:0;bottom:0;width:100vw;height:100vh;z-index:100;background:rgba(25,25,25,0.5);transition:opacity 1s}.peeker{pointer-events:visible;z-index:101}.peeker:hover div.nav{transform:translateX(0)}.peeker:hover{background-image:url()}.peeker:hover::after{left:-6px}.hide{visibility:hidden;position:fixed;left:25px;bottom:20px;width:50px;height:50px;background-repeat:no-repeat;background-position:center;z-index:102}.hide.visible{background-image:url("../images/icons/Close-Icon.svg")}.visible{opacity:1;visibility:visible !important}.nav{transition:all 0.1s ease-in;position:fixed;display:flex;flex-direction:column;width:50px;margin:0;left:20px;right:0;top:initial !important;bottom:70px;transform:translateX(-150px);z-index:10}}div.preview{display:flex;flex-direction:column;background-color:var(--background-colour);position:fixed;top:0;left:0;width:100%;height:100%;overflow:scroll;z-index:-999;opacity:0;transition:opacity 0.2s ease;padding:15px;padding-left:25px;padding-right:25px;box-sizing:border-box}div.preview.shown{opacity:1;z-index:11}div.preview #preview-close{position:absolute;width:25px;height:25px;background-image:url("../images/icons/Close-Icon.svg");background-repeat:no-repeat;background-position:center;background-size:cover;right:25px;top:15px;cursor:pointer;transition:all 0.5s ease}div.preview #preview-close:hover{transform:rotate(90deg)}div.preview div.split-information{display:flex;flex-direction:row;margin-bottom:15px;font-size:1.1em;width:100%}div.preview #library-nav{display:none}div.preview #library-nav.shown{display:flex;z-index:initial}div.preview #preview-image-count{flex-grow:1;text-align:right}div.preview #preview-image{margin:auto;width:calc(100% - 60px);height:calc(100% - 30px);background:no-repeat;background-position:center;background-size:contain}div.preview #preview-title{font-size:2em}div.preview div.split-information.arrow{flex-direction:row-reverse;gap:25px}div.preview .left,div.preview .right{width:50px;height:50px;background-image:url("../images/icons/Arrow-Icon.svg");background-repeat:no-repeat;background-position:center;background-size:contain;color:white;cursor:pointer}div.preview .left{left:0;top:0;bottom:0;transform:scaleX(-100%)}div.preview .right{right:0;top:0;bottom:0}div.library{cursor:pointer;position:relative;width:100%;height:300px;display:flex;gap:5px;box-sizing:border-box}div.library .title{box-sizing:border-box;position:absolute;z-index:2;width:100%;height:100%;left:0;right:0;bottom:0}div.library .title span{position:absolute;bottom:15px;left:25px}div.library .title::before{display:block;content:"";position:absolute;width:100%;height:100%;background:#000;background:linear-gradient(0deg, #000 6%, rgba(0,0,0,0.881373) 16%, rgba(0,0,0,0) 19%, rgba(0,0,0,0) 91%)}div.library .image img{height:100%;object-fit:cover;width:100%}div.library .image span.description{display:none}