:root{--clr-light:63, 31%, 87%;--clr-accent:73, 74%, 38%;--clr-dark:36, 100%, 9%;--clr-white:0, 0%, 100%;--clr-green:138, 100%, 51%;--fs-900:9.375rem;--fs-800:6.25rem;--fs-700:3.5rem;--fs-600:2rem;--fs-500:1.75rem;--fs-400:1.125rem;--fs-300:1rem;--fs-200:.875rem;--ff-content:"ChakraPetch", sans-serif;--ff-title:"PixelifySans", sans-serif}*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:bottom}button{color:inherit;padding:0;border:none;cursor:pointer;background:0 0;font-size:inherit}form{display:block}select,input{font-size:inherit;font-family:inherit}pre{font-family:monospace}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.6}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:""}table{border-collapse:collapse;border-spacing:0}img{max-width:100%}a{text-decoration:none;color:inherit;transition:color .3s}textarea{font-size:inherit;font-family:inherit;line-height:inherit;resize:vertical}hr{margin:0;padding:0;border:none}*:focus:not(:focus-visible){outline:none}.page-wrapper{display:flex;flex-direction:column;width:100%;min-height:100vh}.page-wrapper .wrapper{flex-grow:1}.container{max-width:90rem;padding-inline:2em;margin-inline:auto;margin:2rem auto}.container-thin{max-width:50rem;padding-inline:2em;margin-inline:auto;margin:2rem auto}@font-face{font-family:chakrapetch;font-weight:regular;font-display:swap;src:url(../media/fonts/ChakraPetch-CcY3-J6.woff2)format("woff2")}@font-face{font-family:pixelifysans;font-weight:regular;font-display:swap;src:url(../media/fonts/PixelifySans-Z14zEDo.woff2)format("woff2")}body{font-size:var(--fs-300);font-family:var(--ff-content),sans-serif;word-break:break-word;background-color:hsl(var(--clr-light));color:hsl(var(--clr-dark))}body .dark{background:hsl(var(--clr-dark));color:hsl(var(--clr-light))}h1,h2,h3,h4,h5,h6{font-family:var(--ff-title),sans-serif}::selection{background:hsl(var(--clr-accent));color:hsl(var(--clr-dark))}*{scrollbar-color:hsl(var(--clr-dark))hsl(var(--clr-light));scrollbar-width:thin}.contact-form{margin-top:10rem;padding:1rem;background:hsl(var(--clr-white));border:.5rem solid hsl(var(--clr-dark));box-shadow:0 -3rem 0 -2.5rem hsl(var(--clr-dark))}.contact-card{display:flex;flex-direction:column;gap:3rem 0;padding:1rem;background-color:hsl(var(--clr-dark));color:hsl(var(--clr-light))}.contact-title{font-size:var(--fs-500);letter-spacing:.01rem;text-align:center}.form-group{display:flex;flex-direction:column;text-transform:capitalize}.form-group input,.form-group textarea{display:block;width:100%;padding:1rem .5rem;outline:none;border:.1rem solid hsl(var(--clr-light));background-color:hsl(var(--clr-dark));color:hsl(var(--clr-light))}.contact-submit{display:flex;justify-content:flex-end}.contact-button{padding:.5rem 1rem;background-color:hsl(var(--clr-light));color:hsl(var(--clr-dark))}.contact-button:hover{background-color:hsl(var(--clr-accent))}.copyright{padding:0 1rem}.copyright-text{background-color:hsl(var(--clr-dark));color:hsl(var(--clr-light));text-align:center}.pagination{text-align:center;margin:3rem auto}.pagination a,.pagination span.current{background:hsl(var(--clr-dark));color:hsl(var(--clr-light));border-radius:1rem;padding:.5rem 1rem;font-family:var(--ff-title),sans-serif}.pagination span.current{background-color:hsl(var(--clr-accent))}.head-section{display:flex;flex-direction:column}.head-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:0 2rem;padding:1rem;background-color:hsl(var(--clr-white));border:.5rem solid hsl(var(--clr-dark));box-shadow:-.5rem .5rem hsl(var(--clr-dark))}@media only screen and (min-width:62rem){.head-header{flex-direction:row;padding:3rem}}.head-avatar{gap:0 1rem}.head-avatar_picture{width:6rem;background-color:hsl(var(--clr-accent));border-radius:100%;border:.15rem solid hsl(var(--clr-dark))}.head-id{display:flex;flex-direction:column;flex-grow:1}.head-name{font-size:var(--fs-500);letter-spacing:.1rem;word-break:keep-all}.head-nickname{font-size:var(--fs-200)}.head-locale{display:flex;align-items:center;gap:0 .5rem;align-self:flex-end;margin:auto 1rem;font-size:var(--fs-200)}.head-fr{width:1.5rem}.head-en{width:1.5rem}.head-container{padding:0 1rem}.head-network{display:flex;justify-content:space-between;padding:.5rem 1rem;background-color:hsl(var(--clr-dark));box-shadow:-.5rem -.5rem hsl(var(--clr-dark));color:hsl(var(--clr-light))}.head-available{display:flex;align-items:center;gap:0 .5rem;font-size:var(--fs-200)}.head-dot{display:inline-block;height:.5rem;width:.5rem;background-color:hsl(var(--clr-green));border-radius:50%}.head-list{display:flex;gap:1rem;align-items:center}.head-logo{width:2rem}.hero-section{display:flex;flex-direction:column;align-items:center;gap:1rem 0;margin-top:3rem;padding:1rem;border:.5rem solid hsl(var(--clr-dark));box-shadow:-.5rem .5rem hsl(var(--clr-dark))}.hero-pixel{position:relative}.hero-pixel:before,.hero-pixel:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:repeating-linear-gradient(to right,#000 0 .125rem,transparent .125rem .25rem);mask:repeating-linear-gradient(to bottom,#000 0 .125rem,transparent .125rem .25rem);image-rendering:pixelated;pointer-events:none}.hero-avatar{background-color:hsl(var(--clr-accent));border:.2rem solid hsl(var(--clr-dark))}.hero-highlight{color:hsl(var(--clr-accent))}.hero-intro{display:flex;flex-direction:column;border:.5rem solid hsl(var(--clr-dark));box-shadow:-1.5rem .5rem 0 -1rem hsl(var(--clr-dark))}.hero-intro_block{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.hero-intro_text{font-size:var(--fs-400);font-weight:700;letter-spacing:.05rem}.hero-intro_footer{padding:1rem;background-color:hsl(var(--clr-accent))}.hero-intro_address{display:flex;align-items:center;gap:.5rem;font-style:normal;font-size:var(--fs-200)}.hero-intro_map{width:1rem}.skill-section{display:flex;flex-direction:column;margin-top:5rem;padding:2rem 1rem 0;background-color:hsl(var(--clr-dark));box-shadow:-1.5rem 1.5rem 0 -.5rem hsl(var(--clr-accent));border-top:1rem solid hsl(var(--clr-accent));color:hsl(var(--clr-light))}.skill-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:2rem;padding:1rem}.skill-item{display:flex;justify-content:center;align-items:center;gap:0 .5rem;font-family:var(--ff-title),sans-serif}.skill-button{display:flex;justify-content:flex-end;margin:2rem}.skill-link{padding:.5rem;border:.15rem solid hsl(var(--clr-accent))}.skill-link:hover{background-color:hsl(var(--clr-accent));color:hsl(var(--clr-dark))}.head-button_home{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.head-link_home{display:flex;width:fit-content;padding:.5rem;background-color:hsl(var(--clr-accent));border-radius:1rem;border:.1rem solid hsl(var(--clr-dark))}.head-text_home{font-family:var(--ff-title),sans-serif;font-weight:700}@media only screen and (min-width:62rem){.head-text_home{rotate:-10deg}}.showcase-header,.works-header,.show-header{font-family:var(--ff-title),sans-serif;font-size:var(--fs-700);letter-spacing:.05rem;text-align:center}@media only screen and (min-width:62rem){.showcase-header,.works-header,.show-header{font-size:var(--fs-800)}}.showcase-section,.works-section{display:grid;grid-template-columns:1fr;gap:5rem}@media only screen and (min-width:48rem){.showcase-section,.works-section{grid-template-columns:.5fr .5fr}}.showcase-card,.works-card,.show-card{display:flex;flex-direction:column;justify-content:space-between;gap:2rem;align-self:baseline;padding:1rem;background-color:hsl(var(--clr-dark));color:hsl(var(--clr-light))}.showcase-card:nth-child(odd),.works-card:nth-child(odd),.show-card:nth-child(odd){box-shadow:-3rem 3rem 0 -2.5rem hsl(var(--clr-dark))}.showcase-card:nth-child(even),.works-card:nth-child(even),.show-card:nth-child(even){box-shadow:3rem 3rem 0 -2.5rem hsl(var(--clr-dark))}.showcase-block,.works-block,.show-block{display:flex;flex-direction:column;gap:.5rem 0}.showcase-title,.works-title,.show-title{font-family:var(--ff-title),sans-serif;font-size:var(--fs-500);word-break:keep-all;text-transform:uppercase;letter-spacing:.05rem}.showcase-tag,.works-tag{display:flex;gap:.5rem}.showcase-item,.works-item{padding:.1rem .2rem;font-size:var(--fs-200);border:.1rem solid hsl(var(--clr-light))}.showcase-button,.show-button{display:flex;align-items:center;justify-content:center;margin-top:5rem}.showcase-button_link,.show-button_link{padding:.5rem;background-color:hsl(var(--clr-dark));box-shadow:-.5rem .5rem hsl(var(--clr-accent));color:hsl(var(--clr-light));font-size:var(--fs-400)}.showcase-button_link:hover,.show-button_link:hover{box-shadow:none}.works-card{background-color:initial;border:.5rem solid hsl(var(--clr-dark));color:hsl(var(--clr-dark))}.works-item{border:.1rem solid hsl(var(--clr-dark))}.show-bottom,.show-card{padding:0;background-color:initial;border:.5rem solid hsl(var(--clr-dark));color:hsl(var(--clr-dark))}.show-bottom:nth-child(odd),.show-card:nth-child(odd){box-shadow:-3rem -3rem 0 -2.5rem hsl(var(--clr-dark))}.show-bottom:nth-child(even),.show-card:nth-child(even){box-shadow:none}.show-showcase{margin:1rem}.show-title{display:flex;flex-direction:column;font-size:var(--fs-600);text-align:center}@media only screen and (min-width:48rem){.show-title{font-size:var(--fs-700)}}.show-url_small{display:contents}.show-url_link{font-size:var(--fs-200);color:hsl(var(--clr-accent));font-style:italic;text-align:center;font-family:var(--ff-content),sans-serif}.show-footer{display:flex;flex-direction:column;justify-content:center;padding:1rem;background-color:hsl(var(--clr-accent));color:hsl(var(--clr-dark))}@media only screen and (min-width:48rem){.show-footer{flex-direction:row;align-items:center;justify-content:space-between;padding-right:10rem}}.show-footer_block{display:flex;flex-direction:column;justify-content:center}.show-footer_header{font-size:var(--fs-500);font-weight:700}.show-footer_list{display:ruby}.show-footer_item{width:fit-content;font-size:var(--fs-200)}.show-footer_item:after{content:", "}.show-footer_item:last-child::after{content:""}.show-bottom{padding:1rem}.show-bottom:nth-child(odd){box-shadow:none}.show-bottom:nth-child(even){box-shadow:3rem 2rem 0 -2.5rem hsl(var(--clr-dark))}.show-bottom_title{margin-bottom:1rem;text-transform:capitalize;font-size:var(--fs-600)}.show-bottom_images{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:2rem}@media only screen and (min-width:48rem){.show-bottom_images{grid-template-columns:.5fr .5fr}}.show-links{display:flex;justify-content:space-between;align-items:center;flex-direction:column-reverse;gap:1rem;padding:1rem;border:.5rem solid hsl(var(--clr-dark));box-shadow:0 3rem 0 -2.5rem hsl(var(--clr-dark))}@media only screen and (min-width:48rem){.show-links{flex-direction:row;gap:0}}.show-links_link{background-color:hsl(var(--clr-dark));color:hsl(var(--clr-light));padding:.5rem}.show-links_link:hover{background-color:hsl(var(--clr-accent))}/*# sourceMappingURL=app.output.css.map */