@font-face{font-family:Courgette;src:url(../fonts/Courgette-Regular.ttf)}@font-face{font-family:Catamaran;src:url(../fonts/Catamaran-VariableFont_wght.ttf)}@font-face{font-family:ScopeOne;src:url(../fonts/ScopeOne-Regular.ttf)}*{margin:0;padding:0}:root{scroll-behavior:smooth;font-family:Catamaran;font-size:18px;letter-spacing:1px;--bgColor0: hsl(210, 44%, 14%);--bgColor1: hsl(209, 44%, 15%);--bgColor1-1: hsl(210, 44%, 16%);--bgColor2: hsl(209, 37%, 17%);--bgColor3: hsl(209, 29%, 20%);--bgColor4: hsl(211, 22%, 30%);--txtColor: hsl(41, 63%, 88%);--color1: hsl(201, 18%, 49%);--color2: hsl(40, 60%, 53%);--color3: hsl(356, 57%, 51%)}body{background-color:var(--bgColor1);color:var(--txtColor)}body h1{font-family:Courgette;color:var(--color2);font-size:2rem;padding-bottom:1rem}#portrait{border-radius:50%;height:30vh;width:auto;box-shadow:0 0 0 10px var(--bgColor3),0 0 0 20px var(--bgColor2);transition:300ms;user-select:none}section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:0 25px;background:linear-gradient(-5deg, var(--bgColor0) 0%, var(--bgColor0) 20%, var(--bgColor1-1) 20%, var(--bgColor1-1) 22%, var(--bgColor1) 22%, var(--bgColor1) 40%, var(--bgColor1-1) 40%, var(--bgColor1-1) 42%, var(--bgColor0) 42%, var(--bgColor0) 60%, var(--bgColor1-1) 60%, var(--bgColor1-1) 62%, var(--bgColor1) 62%, var(--bgColor1) 80%, var(--bgColor1-1) 80%, var(--bgColor1-1) 82%, var(--bgColor0) 82%, var(--bgColor0) 100%)}section h2{letter-spacing:3px;opacity:.5;padding:25px 0}section .p-half-br{margin-top:.5rem}section .item{display:flex;justify-content:center;align-items:center;width:70%;padding:2rem 0}section .item div{display:block}section .item div .made-with{margin-top:.5rem;font-family:ScopeOne;font-size:.8rem}section .item div a>img{height:20vh;width:auto;box-shadow:0 0 0 10px var(--bgColor3),0 0 0 20px var(--bgColor2);transition:300ms;user-select:none}section .item div a>img:hover{transform:scale(1.1);box-shadow:0 0 0 5px var(--color3)}section .item .repo-link svg{width:1.5rem;height:1.5rem;vertical-align:middle;transition:300ms;fill:var(--color1)}section .item .repo-link svg:hover,section .item .repo-link svg:active{fill:var(--color3);transform:scale(1.1)}section .item .left{text-align:right;padding-right:2rem;transform:translateX(-10%);opacity:0}section .item .right{text-align:left;padding-left:2rem;transform:translateX(10%);opacity:0}section:first-of-type .left,section:first-of-type .right{transform:translateX(0);opacity:1}#x-navs{pointer-events:none;width:100vw;height:100vh;position:fixed;z-index:1;display:flex;justify-content:space-between}#x-navs a svg{width:2.2rem;height:2.2rem;vertical-align:middle;transition:300ms;fill:var(--color1)}#x-navs a svg:hover,#x-navs a svg:active{fill:var(--color3);transform:scale(1.1)}#nav-left,#nav-right{pointer-events:all;user-select:none;display:flex;flex-direction:column;justify-content:center;transition:300ms}#mobile-menu-checkbox,#mobile-menu-svg{display:none}#nav-left a{margin:.5rem 0 .5rem .5rem;transform:translateX(-1000%)}#nav-left a:nth-of-type(1){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2100ms 1 normal forwards}#nav-left a:nth-of-type(2){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2200ms 1 normal forwards}#nav-left a:nth-of-type(3){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2300ms 1 normal forwards}#nav-left a:nth-of-type(4){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2400ms 1 normal forwards}#nav-left a:nth-of-type(5){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2500ms 1 normal forwards}#nav-left a:nth-of-type(6){animation:slide-in 500ms cubic-bezier(0.29, 1.3, 0.61, 1.04) 2600ms 1 normal forwards}#nav-right{justify-content:flex-end;margin:.5rem 1.5rem calc(10vh + 0.5rem) 0}#nav-right svg{width:2.2rem;height:2.2rem;vertical-align:middle;transition:300ms;fill:var(--color1)}#nav-right svg:hover,#nav-right svg:active{fill:var(--color3);transform:scale(1.1)}#y-navs{pointer-events:none;position:fixed;z-index:1;top:0;bottom:0;left:0;right:0;min-height:100vh;min-width:100vw;background:linear-gradient(0deg, var(--bgColor2) 10%, #ffffff00 10%, #ffffff00 90%, var(--bgColor2) 90%);display:flex;flex-direction:column;justify-content:space-between}#nav-up,#nav-down{pointer-events:all;user-select:none;display:flex;justify-content:center;align-items:center;font-size:3rem;vertical-align:middle;background-color:var(--bgColor2);color:var(--color1);height:10%;width:100%;transition:300ms;opacity:.4}#nav-up:hover,#nav-down:hover{background-color:var(--bgColor3);color:var(--color2);opacity:1;cursor:pointer}#nav-up span,#nav-down span{transform:translateY(5px)}#nav-down{animation:highlight-y-nav 2.2s ease-in-out 5s 1 normal none}#nav-up:hover span{animation:navigate-up 2s ease-in-out infinite}#nav-down:hover span{animation:navigate-down 2s ease-in-out infinite}#nav-up,#nav-right{visibility:hidden}@keyframes slide-in{to{transform:translateX(0);opacity:1}}@keyframes highlight-y-nav{0%{background-color:var(bgColor2);opacity:.4}50%{background-color:var(--bgColor4);opacity:1}100%{background-color:var(--bgColor2);opacity:.4}}@keyframes navigate-up{0%{transform:translateY(5px)}50%{transform:translateY(-5px)}100%{transform:translateY(5px)}}@keyframes navigate-down{0%{transform:translateY(5px)}50%{transform:translateY(15px)}100%{transform:translateY(5px)}}body{scrollbar-width:thin;scrollbar-color:var(--bgColor3) var(--bgColor1);overflow-x:hidden}body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--bgColor1)}body::-webkit-scrollbar-thumb{background-color:var(--bgColor3);border:none}/*# sourceMappingURL=style.css.map */