html{height:100vh;background-color:#080808;background:repeating-linear-gradient(45deg, #141414, #141414 1px, #080808 1px, #080808 20px);z-index:1}.card{position:relative;z-index:0}.card::before,.card::after{position:absolute;width:100%;height:100%;content:"";left:0;bottom:0;z-index:-1;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%)}.card::after{background-color:var(--standard-colour)}.card::before{left:-3px;bottom:-2px;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%;transition:all 0.2s ease}.card.hoverable{cursor:pointer}.card:hover::before{left:-6px;bottom:-3px}.card.lighter-hoverable{cursor:pointer}.card.lighter-hoverable:hover::after{background-color:var(--standard-highlight-hover-colour) !important}.card.lighter-hoverable:hover::before{left:-6px}.card.flat{clip-path:initial !important}.card.flat::before,.card.flat::after{position:absolute;width:100%;height:100%;content:"";clip-path:initial !important}.card.flat::before{left:-2px}.card.flat.padded{padding:25px}a.link{color:var(--link-colour);text-decoration:none;width:fit-content;background-image:linear-gradient(to right, var(--link-gradient-colour-1), var(--link-gradient-colour-1));background-position:bottom center;background-repeat:no-repeat;background-size:50% 2px;transition:all 0.2s ease}a.link:hover{color:var(--link-gradient-colour-1);background-size:100% 2px}a.link:focus{color:var(--link-gradient-colour-1);background-size:100% 2px}#title-card{--item-step: 50px;--height: 330px;position:absolute;display:flex;flex-direction:row;margin:auto;top:0;left:0;right:0;bottom:0;width:800px;height:var(--height);transition:bottom 0.5s cubic-bezier(0.16, 1, 0.3, 1)}#title-card.moved{bottom:100px}#title-card div.description{font-size:1.15em;display:block !important;padding-left:15px;padding-right:25px}#title-card .information{display:block;align-self:flex-start;height:var(--height);margin-left:222px;width:100%;padding-top:8px}#title-card .information>*:nth-child(1){--i: 0}#title-card .information>*:nth-child(2){--i: 1}#title-card .information>*:nth-child(3){--i: 2}#title-card .information>*:nth-child(4){--i: 3}#title-card .information>*:nth-child(5){--i: 4}#title-card .information>*:nth-child(6){--i: 5}#title-card .information *.margin{margin-left:calc( (300px - var(--i, 0) * var(--item-step)) * tan(var(--deimos-skew-angle)));margin-bottom:14px}#title-card div.row{padding-right:15px;display:flex !important;flex-direction:row !important}#title-card div.row *{margin-left:5px !important}#title-card div.row *::after{background-color:var(--standard-highlight-colour);background-position:42px center}#title-card div.name{--height: 75px !important;height:var(--height);text-align:center;font-style:bold;font-weight:600}#title-card div.sub.title{--height: 50px;text-align:center;font-size:0.9em;font-style:italic}#title-card div.tag{--height: 50px;width:calc(100% - 400px * tan(var(--deimos-skew-angle)) + 8px);height:var(--height);display:flex;flex-direction:column;justify-content:center;align-items:center}#title-card div.image{position:absolute;--height: 330px;width:270px;height:var(--height)}#title-card div.image::after{background-image:url("../images/sayo-trimmed.webp");background-position:-50px -55px;background-size:150%;background-repeat:no-repeat}#title-card div.image div.author{background-color:rgba(0,0,0,0.9);width:calc(100% - var(--height) * tan(var(--deimos-skew-angle)) + 8px);--my-height: 44px;bottom:0;text-align:center;padding:10px;position:absolute;font-weight:800;clip-path:polygon(calc(var(--my-height) * tan(var(--deimos-skew-angle))) 0, 100% 0, calc(100% - var(--my-height) * tan(var(--deimos-skew-angle))) 100%, 0 100%)}#title-card div.features{height:75px;display:flex;flex-direction:row;gap:0px;position:absolute;bottom:25px;width:calc(100% - 400px * tan(var(--deimos-skew-angle)) + 16px)}#title-card div.features div{--height: 75px;position:relative;height:var(--height);cursor:pointer;width:100%;margin-left:25px !important}#title-card div.features div::before,#title-card div.features div::after{width:100%;height:var(--height);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%)}#title-card div.features div::after{background-color:var(--standard-highlight-colour);background-position:55px center;background-repeat:no-repeat;background-size:32px;transition:background-color 0.1s ease}#title-card div.features div:hover::after{background-color:var(--standard-highlight-hover-colour)}#title-card div.features div.likes::after{background-image:url("../images/icons/Likes-Icon.png")}#title-card div.features div.projects::after{background-image:url("../images/icons/Projects-Icon.png")}#title-card div.features div.contact::after{background-image:url("../images/icons/Contact-Icon.png")}div.feature-cards{position:absolute;margin:auto;top:440px;left:-130px;right:0;bottom:0;opacity:0;width:730px;height:100px;transition:all 0.3s ease;visibility:hidden}div.feature-cards.shown{opacity:1 !important;top:350px;left:-115px;user-select:initial;transition:all 0.5s cubic-bezier(0.16, 1, 0.3, 1);visibility:visible}div.feature-cards #close{position:absolute;left:35px;top:-10px;z-index:10;cursor:pointer;padding:5px;font-weight:800;transition:all 0.2s ease;user-select:none}div.feature-cards #close:hover{color:var(--link-gradient-colour-1)}div.feature-cards div{--height: 100px;position:absolute;display:flex;justify-content:center;align-items:center;text-align:center;width:760px;height:100px}div.feature-cards div::before{left:-3px;bottom:-2px;background-color:var(--button-initial-colour);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%}div.feature-cards div::after{background-color:var(--standard-colour);background-position:50px center;background-repeat:no-repeat;background-size:32px}div.feature-cards div.shown{z-index:5}div.feature-cards div h2{position:absolute;margin:auto;left:0;right:0;top:5px;text-align:center;z-index:5}div.feature-cards div p{position:absolute;margin:auto;top:25px;width:100%;z-index:5;padding-top:15px;padding-left:50px;padding-right:50px}div.feature-cards div p.bottom{top:55px;left:0;right:0;text-align:center;color:var(--standard-highlight-hover-colour);padding-left:0;padding-right:25px}div.feature-cards div ul{display:flex;flex-direction:row;flex-wrap:wrap;position:absolute;margin:auto;top:25px;text-align:center;z-index:5;padding-top:15px;padding-left:50px;padding-right:50px;gap:50px;justify-content:center;align-items:center}div.card-chain{margin:auto;display:flex;flex-direction:column;gap:15px;position:relative;width:800px;z-index:1}div.card-chain .post:nth-child(2n)::before,div.card-chain .post:nth-child(2n)::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%)}div.card-chain .post{display:flex;flex-direction:column;--height: 220px;height:var(--height);width:100%;position:relative;transition:left 0.2s ease}div.card-chain .post .background{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%)}div.card-chain .post:nth-child(2n) *::before,div.card-chain .post:nth-child(2n) *::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%)}div.card-chain .post:nth-child(2n) .info{padding-left:25px;padding-right:40px}div.card-chain .post:nth-child(2n) .sub.title{left:25px}div.card-chain .post:nth-child(2n) .tags-row{left:7px}div.card-chain .post:nth-child(2n) .background{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%)}div.card-chain .post:nth-child(2n) .project.description{padding-right:45px}div.card-chain .post:nth-child(2n) .project.status{padding-right:85px}div.card-chain .post .sub.title{--height: 50px;position:absolute;height:var(--height);width:fit-content;display:flex;justify-content:center;align-items:center;padding-right:25px;padding-left:25px;top:10px;left:50px;z-index:2;font-size:1.3em;margin-bottom:10px}div.card-chain .post .sub.title::after{background-color:var(--standard-highlight-colour)}div.card-chain .post:hover .background{background-size:110%;transition:background-size 0.3s ease}div.card-chain .post:last-child{margin-bottom:50px}div.card-chain .post .background{position:absolute;content:"";width:100%;height:100%;background-size:100%;background-position:center;z-index:0;transition:background-size 0.3s ease}div.card-chain .post .project.title{position:relative;line-height:1em;bottom:calc(-100% + 56px);text-align:center;background-color:rgba(0,0,0,0.9);padding-top:15px;padding-bottom:15px;font-size:1.5em}div.card-chain .post .project.description{position:absolute;left:initial !important;right:0;width:initial;bottom:60px;padding:10px;padding-right:65px;background-color:rgba(0,0,0,0.9);max-width:500px}div.card-chain .post .project.status{position:absolute;left:initial !important;right:0;width:initial;top:30px;padding:10px;text-transform:capitalize;padding-right:45px;background-color:rgba(0,0,0,0.9)}div.card-chain .post .text{--height: 150px;display:flex;justify-content:center;align-items:center;position:relative;height:150px;padding-right:35px;padding-left:45px;padding-top:60px;margin:0}div.card-chain .post .text p:first-child{margin-top:0}div.card-chain .post .context{display:flex;flex:1;flex-grow:1.2;flex-direction:column;gap:0px}div.card-chain .post .content{flex:1;flex-grow:2;display:flex;flex-direction:column;gap:5px}div.card-chain .post .tags{--height: 40px;height:var(--height);display:flex;justify-content:center;align-items:center}div.card-chain .post .tags-row{display:flex;flex-direction:row;width:100%;position:relative;left:-7px}div.card-chain .post .post-tag{flex:1;flex-grow:1;display:flex;justify-content:center;align-items:center;--height: 40px;height:var(--height);margin-bottom:10px}div.card-chain .post .info{--height: 50px;position:relative;display:flex;justify-content:center;align-items:center;width:100%;gap:200px;height:50px;width:100%;margin-left:25px;margin-bottom:10px;padding-right:65px}div.card-chain .post .info div.date{--height: 50px;height:var(--height);display:flex;justify-content:center;align-items:center;padding-right:10px;padding-left:10px;flex:1;flex-grow:1.3}div.card-chain .post .info .post-button{width:0;flex:1;flex-grow:1}div.card-chain .post .info .post-button:hover::after{background-color:var(--standard-highlight-hover-colour)}div.card-chain .post .info::after{background-color:var(--standard-highlight-colour)}div.card-chain .post .info *::after{background-color:var(--standard-highlight-colour)}div.card-chain .post .post-button{--height: 50px;width:100%;height:var(--height);display:flex;align-items:center;justify-content:center}div.main .title.center{position:relative;z-index:2;text-align:center;padding:25px;margin-bottom:15px;font-size:3em}div.social{--height: 60px;display:flex;justify-content:left;align-items:center;background-color:var(--standard-colour);position:absolute;width:fit-content;height:var(--height);gap:20px;padding-left:30px;padding-right:20px;right:0;bottom:30px;display:flex;flex-direction:row-reverse;z-index:1}div.social a{flex-grow:1}span.icon{z-index:1;position:relative;width:40px;height:40px;padding:0;display:block;background-repeat:no-repeat;background-position:center;background-size:cover;margin:auto}span#discord.icon{background-image:url("../images/icons/Discord-Logo.svg")}span#twitter.icon{background-image:url("../images/icons/Twitter-Logo.svg")}span#youtube.icon{background-image:url("../images/icons/Youtube-Logo.svg")}span#github.icon{background-image:url("../images/icons/Github-Logo.svg")}span#twitch.icon{background-image:url("../images/icons/Twitch-Logo.svg");background-size:80%}h1,h2,h3,h4,h5,h6{margin:0;text-align:center}h1{font-size:1.8em;text-decoration:underline}h1.subtitle{font-size:0.9em;text-decoration:none}h2{font-size:1.5em;text-align:center}h3{font-size:1.2em;font-style:italic}@media (max-width: 1000px){#title-card{width:600px}#title-card div.information{margin-left:192px}#title-card div.information *.margin{margin-bottom:0}#title-card div.image{background-position:0px 0px;width:240px}#title-card div.image div.author{width:205px}#title-card div.description{font-size:1em}#title-card div.row.tag{top:10px;font-size:0.96em}#title-card div.features{left:-5px;bottom:20px}#title-card div.features div{--height: 75px}#title-card div.features div::before,#title-card div.features div::after{width:100px;height:100%}#title-card div.features div::after{background-position:35px center}div.feature-cards{width:570px;height:150px}div.feature-cards.shown{top:400px;left:-95px}div.feature-cards div{--height: 150px;position:absolute;display:block;width:100%;height:100%;z-index:1}div.feature-cards div::before{left:-2px}div.feature-cards div::after{background-position:50px center}div.feature-cards div p{width:98%}div.feature-cards div p.bottom{top:110px;font-size:0.8em;padding-left:50px}div.feature-cards div ul{flex-direction:column;position:absolute;width:initial;left:0;right:0;text-align:center;padding-left:70px;gap:0}div.feature-cards #close{right:60px;top:-10px}div.card-chain{width:575px;--height: 250px;min-height:250px;padding-bottom:25px;height:initial}div.card-chain .post{--height: 240px}div.card-chain .post .text{height:180px;width:98%;padding-bottom:15px}div.card-chain .post .info{margin-bottom:0px;position:relative;bottom:0}}@media (max-width: 720px){div.main .title.center{padding-top:40px;font-size:2em}div.card-chain{width:90%}div.card-chain .post{min-height:250px;height:initial;padding-bottom:15px}div.card-chain .post .info{gap:15px}div.card-chain .post .text{height:200px}div.card-chain .post:nth-child(2n) .project.description{padding-right:25px}div.card-chain .post .project.description{width:65%;padding-right:40px}div.card-chain .post:hover .background{background-size:110vh}div.card-chain .post .background{background-size:90vh}}@media (max-width: 650px){*{clip-path:none !important}*::before,*::after{clip-path:none !important}div.card-chain .post .text{height:250px;padding-right:25px;padding-left:25px}div.card-chain .post .sub.title{left:25px}div.card-chain .post .info{padding-left:0 !important;padding-right:40px !important}#title-card{width:90%;display:flex;flex-direction:column;height:500px}#title-card.moved{bottom:230px}#title-card div.features{gap:90px}#title-card div.row.tag{width:100%;padding:0;gap:5px}#title-card div.description{padding-right:15px}#title-card div.information{margin:auto;margin-top:5px;padding:15px;padding-top:0;height:325px}#title-card div.information *.margin{margin:auto}#title-card div.author{height:40px;width:150px !important;padding:0;font-size:1em;justify-content:center;align-content:center;bottom:initial;top:2%;right:0;left:initial}#title-card div.image{position:relative;width:100%;height:150px}#title-card div.image::before,#title-card div.image::after{background-size:100%;background-position:center}#title-card div.features{position:relative;height:75px;gap:0;left:0;bottom:0;top:40px;width:100%}#title-card div.features div{--height: 70px}#title-card div.features div::before,#title-card div.features div::after{width:100%;background-position:center}div.feature-cards{width:90%;left:0}div.feature-cards.shown{top:400px;left:0%;margin:auto}div.feature-cards div p{padding-left:5px;padding-right:5px}div.feature-cards div ul{padding-left:5px;padding-right:5px}.card{position:relative;transition:bottom 0.5s ease}}.swapper-entering-page.swapper{z-index:1000}.swapper-entering-page.swapper .loader{opacity:1;transition:clip-path 1s cubic-bezier(0.97, 0, 1, 1)}.swapper-entering-page.swapper::after{transition:left 1s cubic-bezier(0.97, 0, 1, 1)}.swapper-entering-page.swapper::before{transition:left 1s cubic-bezier(1, 0, 1, 1)}.swapper-leaving.swapper .loader{clip-path:polygon(calc(10vw - 120%) 0, calc(150vw - 120%) 0, calc(140vw - 120%) 150vh, calc(0vw - 120%) 150vh) !important}.swapper-leaving.swapper::after{left:-120% !important}.swapper-leaving.swapper::before{left:-120% !important}.swapper-leaving-page.swapper{z-index:1000}.swapper-leaving-page.swapper .loader{opacity:1;transition:clip-path 1s cubic-bezier(0, 0, 0, 0.97)}.swapper-leaving-page.swapper::after{transition:left 1s cubic-bezier(0, 0, 0, 0.97)}.swapper-leaving-page.swapper::before{transition:left 1s cubic-bezier(0, 0, 0, 1)}.swapper-middle.swapper .loader{clip-path:polygon(calc(10vw - 15%) 0, calc(150vw - 15%) 0, calc(140vw - 15%) 150vh, calc(0vw - 15%) 150vh) !important}.swapper-middle.swapper::after{left:-15%}.swapper-middle.swapper::before{left:-15%}.swapper .loader{z-index:1;height:100vh;width:150vw;padding-right:50vw;display:flex;align-items:center;justify-content:center;flex-direction:column;position:absolute;margin:auto;text-align:center;opacity:0;clip-path:polygon(calc(10vw + 100%) 0, calc(150vw + 100%) 0, calc(140vw + 100%) 150vh, calc(0vw + 100%) 150vh) !important}.swapper .loader p{font-size:2em;font-family:"Nunito", sans-serif}.swapper{position:fixed;z-index:-1000;height:100vh;width:150vw}.swapper::before,.swapper::after{position:absolute;height:calc(100vh - 2px);width:150vw;left:100%;clip-path:polygon(10vw 0, 150vw 0, 140vw 150vh, 0vw 150vh) !important;content:""}.swapper::before{bottom:-2px;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%}.swapper::after{background-color:var(--standard-colour)}

/*# sourceMappingURL=css.css.map */