html{scrollbar-color:#71797e #3d414b;scrollbar-width:thin}html::-webkit-scrollbar{background:#3d414b;width:10px}html::-webkit-scrollbar-thumb{background:#71797e;border-radius:5px}body{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-attachment:fixed;background-image:repeating-linear-gradient(to left bottom,#181818,#1a1a1c,#1d1c21,#1f1e25,#21202a,#21202a,#21202a,#21202a,#1f1e25,#1d1c21,#1a1a1c,#181818);background-position:center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;letter-spacing:1px;overflow:hidden;text-shadow:-1px 1px 0 #1b1212,1px 1px 0 #1b1212,1px -1px 0 #1b1212,-1px -1px 0 #1b1212}main{align-items:center;display:flex;flex-direction:column}main,div{box-sizing:border-box;color:#fff;font-family:JetBrains Mono,Roboto,sans-serif}button{background-color:#0000;border:none;cursor:pointer;font-family:JetBrains Mono,Roboto,sans-serif}h1{font-size:clamp(1.8rem,2.5vw,1.9rem);font-weight:800}h2{font-size:clamp(1.25rem,2.5vw,1.45rem);font-weight:600}h3{font-size:clamp(.9rem,2.5vw,1rem);font-weight:600}header{animation:header 1s steps(40) 9.5s 1 normal forwards;bottom:94vh;display:flex;left:10px;opacity:0%;position:absolute;z-index:99}header button{color:#fff;cursor:default;font-size:clamp(.55rem,1.5vw,.8rem)}header span:first-of-type{animation:none;cursor:default}@media only screen and (max-height: 505px){header{bottom:92vh}}@media only screen and (max-height: 283px){header{bottom:88vh}}@media only screen and (max-height: 185px){header{bottom:80vh}}.nownohover img{border-bottom:1px solid;cursor:default;filter:grayscale(60%);height:15px;object-fit:cover;padding-bottom:4px;position:relative;top:6px;width:25px}.nowhover img{animation:cursor 1ms 11s 1 normal forwards;border-bottom:0px;cursor:pointer;filter:grayscale(85%);height:11px;object-fit:cover;width:20px}.nowhover img:hover{filter:grayscale(65%);height:15px;object-fit:cover;width:25px}@keyframes header{0%{opacity:0%}to{opacity:100%}}@keyframes cursor{0%{cursor:default}to{cursor:pointer}}.content_section{background-color:#0000!important;height:fit-content!important}.loader{animation:loader 3s steps(40) 3 normal both;font-size:clamp(1.25rem,2.5vw,1.45rem);font-weight:600;opacity:0%;overflow:hidden;position:relative;text-align:center;top:42vh;white-space:nowrap;width:0rem}@keyframes loader{0%{width:0rem}1%{opacity:1%}50%{opacity:40%;width:5rem}to{opacity:80%;width:10rem}}section{display:flex;position:relative;text-align:center;transform:none}.content_name{height:100vh;transform:translateY(25vh);position:relative}.name_gr,.name_eng{animation:typewriter 2.5s steps(40) .5s 1 normal forwards,blinktext .5s steps(40) 6 normal forwards;border-right:1px solid #fff;overflow:hidden;white-space:nowrap;width:0rem}.job_gr,.job_eng{animation:typewriter_job 2.5s steps(40) 3s 1 normal forwards,blinktext .8s steps(40) 3.5s 3 normal forwards;border-right:0;opacity:0%;overflow:hidden;white-space:nowrap;width:0rem}.job_gr,.job_eng{margin:0 auto}@keyframes typewriter{0%{width:0}50%{width:6em}to{width:11em}}@keyframes typewriter_job{0%{width:0}1%{border-right:1px solid #fff;opacity:100%}50%{border-right:1px solid #fff;opacity:100%;width:4em}to{border-right:1px solid #fff;opacity:100%;width:9em}}@keyframes blinktext{0%{border-right-color:#fff}to{border-right-color:#0000}}.content_skills{animation:fade_in 2s 1 ease-in-out forwards;transform:translate(-36vw,10vh);display:grid;font-size:clamp(.5rem,2.5vw,.6rem);grid-column-gap:4vw;grid-row-gap:0px;grid-template-columns:27vw 25vw 27vw 10vw;grid-template-rows:1fr;opacity:0;padding-right:4vw;position:absolute}.content_skills p{border-right:1px dashed;height:5vh;margin-block:1rem;padding-right:1vw;white-space:pre-line}.content_skills h3{padding-right:.8vw}.content_skills div{margin-bottom:4rem}@media only screen and (max-width: 600px){.content_skills{grid-template-columns:23vw 27vw 26vw 10vw;transform:translate(-48%,10%);font-size:clamp(.4rem,2.5vw,.5rem)}.content_skills h3{font-size:clamp(.8rem,2.5vw,.9rem)}}@media only screen and (min-width: 600px)and (max-width: 800px){.content_skills{grid-template-columns:27vw 25vw 23vw 10vw;transform:translate(-49%,10%)}.content_skills h3{font-size:clamp(.85rem,2.5vw,.95rem)}}@media only screen and (min-width: 800px)and (max-width: 1000px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem);grid-template-columns:17vw 22vw 20vw 8vw;top:-3rem}.content_skills h3{font-size:clamp(.95rem,2.5vw,1.05rem)}.content_skills p{font-size:clamp(.55rem,2.5vw,.65rem)}}@media only screen and (min-width: 1000px)and (max-width: 1500px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem);grid-template-columns:17vw 22vw 16vw 8vw;top:-3rem}.content_skills h3{font-size:clamp(.95rem,2.5vw,1.1rem)}}@media only screen and (min-width: 1500px)and (max-width: 1800px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem);grid-template-columns:15vw 18vw 12vw 6vw;grid-column-gap:6vw;top:-3rem}.content_skills h3{font-size:clamp(1rem,2.5vw,1.2rem);padding-right:1rem}}@media only screen and (min-width: 1800px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem);grid-template-columns:12vw 15vw 10vw 5vw;grid-column-gap:7vw;top:-3rem}.content_skills h3{font-size:clamp(1rem,2.5vw,1.2rem);padding-right:1rem}.content_skills p{font-size:clamp(.65rem,2.5vw,.75rem)}}@media only screen and (max-height: 420px){.content_skills p:not(#frontend p,#wordp p){margin-block:.9rem}}@keyframes fade_in{0%{opacity:0}to{opacity:1}}#backend p:first-of-type,#frontend p:first-of-type,#wordp p{height:4vh}.content_portfolio{animation:fade_in 2s 1 ease-in-out forwards;display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:8rem}.content_portfolio div{margin-right:1rem;margin-bottom:.1rem;position:relative}.content_portfolio div:not(.description_div,.tech,.fake){height:fit-content}.content_portfolio img{height:136px;width:206px}.content_portfolio p:not(.description_div p){justify-content:center;display:flex;position:relative}.content_portfolio p:not(.description_div p,.tech p){font-size:clamp(.52rem,2.5vw,.72rem)}.content_portfolio span:not(.description_div span,.tech span){font-size:clamp(.52rem,2.5vw,.72rem)}@media only screen and (min-width: 2300px){.content_portfolio{width:52vw}.content_portfolio div:not(.description_div,.tech,.fake){top:5rem;margin-right:3rem}}@media only screen and (min-width: 1932px)and (max-width: 2300px){.content_portfolio{width:62vw}.content_portfolio div:not(.description_div,.tech){top:5rem;margin-right:3rem}}@media only screen and (min-width: 1550px)and (max-width: 1932px){.content_portfolio{width:74vw}.content_portfolio div:not(.description_div,.tech){top:5rem;margin-right:3rem}}@media only screen and (min-width: 1250px)and (max-width: 1550px){.content_portfolio{margin-left:2rem;width:88vw}.content_portfolio div:not(.description_div,.tech,.fake){top:5rem;margin-right:2rem}}@media only screen and (min-width: 1020px)and (max-width: 1250px){.content_portfolio{margin-left:2rem;width:85vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-right:2rem}}@media only screen and (min-width: 1017px)and (max-width: 1020px){.content_portfolio{margin-left:2rem;width:88vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-right:2rem}}@media only screen and (min-width: 800px)and (max-width: 1017px){.content_portfolio{margin-left:7rem;width:92vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-right:1rem}.content_portfolio img{height:116px;width:186px}}@media only screen and (min-width: 783px)and (max-width: 800px){.content_portfolio{margin-left:7rem;width:92vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-right:1rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (min-width: 600px)and (max-width: 783px){.content_portfolio{margin-left:6rem;width:85vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-bottom:0rem;margin-right:1rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (min-width: 529px)and (max-width: 600px){.content_portfolio{margin-left:6rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){margin-right:1rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (min-width: 485px)and (max-width: 529px)and (min-height: 730px){.content_portfolio{margin-left:3rem;width:85vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem!important;margin-right:1rem}.content_portfolio img{height:110px;width:180px;margin-bottom:-18px}}@media only screen and (min-width: 494px)and (max-width: 529px)and (max-height: 730px){.content_portfolio{margin-left:3rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:1rem;margin-right:1rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (min-width: 482px)and (max-width: 494px){.content_portfolio{margin-left:6rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:17.5rem;margin-right:4rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (min-width: 482px)and (max-width: 494px)and (max-height: 730px){.content_portfolio{margin-left:6rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:17.5rem;margin-right:4rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (max-width: 482px){.content_portfolio{margin-left:2.5rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){top:2rem;margin-right:1rem}.content_portfolio img{height:110px;width:180px}}@media only screen and (max-width: 482px)and (min-height: 730px){.content_portfolio img{margin-bottom:-18px}}@media only screen and (min-width: 1250px)and (max-width: 1287px)and (min-height: 652px){.content_portfolio{transform:translateY(-15%)}}@media only screen and (min-width: 1250px)and (max-width: 1287px)and (min-height: 420px)and (max-height: 652px){.content_portfolio{transform:translateY(-8%)}}@media only screen and (min-width: 1250px)and (max-width: 1287px)and (max-height: 420px){.content_portfolio{transform:translateY(10%)}}@media only screen and (min-height: 800px)and (max-width: 482px){.content_portfolio{width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:23rem!important;margin-right:0rem!important}.content_portfolio img{margin-bottom:-18px}}@media only screen and (min-height: 800px)and (max-width: 529px){.content_portfolio{margin-left:6rem;width:90vw}.content_portfolio div:not(.description_div,.tech,.fake){bottom:39rem;margin-right:2rem}.content_portfolio img{margin-bottom:-18px}}@media only screen and (max-height: 730px)and (min-width: 482px)and (max-width: 532px){.content_portfolio p:not(.description_div p){font-size:clamp(.5rem,2.5vw,.6rem);margin-bottom:30px}.content_portfolio span:not(.description_div span){font-size:clamp(.5rem,2.5vw,.6rem)}}@media only screen and (max-height: 730px)and (max-width: 482px){.content_portfolio img{height:70px;width:130px}}@media only screen and (max-height: 650px)and (min-width: 1250px)and (max-width: 1550px){.content_portfolio div:not(.description_div,.tech,.fake){bottom:5rem}}@media only screen and (max-height: 650px)and (min-width: 1020px)and (max-width: 1550px){.content_portfolio p:not(.description_div p){margin-bottom:20px}}@media only screen and (min-height: 650px)and (max-height: 750px)and (min-width: 482px)and (max-width: 532px){.content_portfolio p:not(.description_div p){font-size:clamp(.5rem,2.5vw,.6rem);margin-bottom:-20px}.content_portfolio span:not(.description_div span){font-size:clamp(.5rem,2.5vw,.6rem)}}@media only screen and (min-height: 650px)and (max-height: 750px)and (max-width: 482px){.content_portfolio p:not(.description_div p,.tech p){font-size:clamp(.5rem,2.5vw,.6rem)}.content_portfolio span:not(.description_div span,.tech span){font-size:clamp(.5rem,2.5vw,.6rem)}}@media only screen and (min-height: 915px)and (max-width: 529px){.content_portfolio div:not(.description_div,.tech,.fake){bottom:23rem;left:1rem}}@media only screen and (max-width: 482px)and (max-height: 730px){.swlyn{right:.7rem;position:relative}}@media only screen and (min-height: 915px)and (max-width: 529px){.swlyn{right:.7rem}}.description_div{align-items:center;background-color:#0000004d;display:flex;font-size:clamp(.62rem,2.5vw,.82rem);height:30px;justify-content:center;top:7.4rem;left:1.2rem;position:relative;width:180px;z-index:99}.description_div span{font-size:clamp(.5rem,2.5vw,.7rem);opacity:0;position:absolute;top:6rem;width:10rem;word-break:break-all}@media only screen and (min-width: 2300px){.description_div{width:206px}}@media only screen and (min-width: 1550px)and (max-width: 2300px){.description_div{width:206px}}@media only screen and (min-width: 1250px)and (max-width: 1550px){.description_div{width:206px}}@media only screen and (min-width: 1017px)and (max-width: 1250px){.description_div{width:206px}}@media only screen and (min-width: 800px)and (max-width: 1017px){.description_div{width:186px}}@media only screen and (min-width: 600px)and (max-width: 800px){.description_div{font-size:clamp(.62rem,2.5vw,.72rem);width:180px}}@media only screen and (min-width: 482px)and (max-width: 600px){.description_div p{font-size:clamp(.7rem,.5vw,.8rem)}}@media only screen and (max-height: 730px)and (min-width: 482px)and (max-width: 532px){.description_div{width:180px}}@media only screen and (min-height: 760px)and (max-width: 529px){.description_div{width:180px}}@media only screen and (max-height: 730px)and (max-width: 482px){.description_div{width:130px}.description_div p{font-size:clamp(.6rem,.5vw,.7rem)}}.explanation_intro{animation:fade_in .7s ease-in forwards}.fake{cursor:pointer;height:136px;opacity:0;position:absolute;width:206px;z-index:100}.tech{background-color:#71797e;border-radius:25px 0;border:1px inset #828282;display:flex;height:25px;justify-content:center;top:0rem;width:206px}.tech p{top:-.4rem;font-size:clamp(.5rem,2.5vw,.7rem)}@media only screen and (min-width: 1550px){.tech{left:.2rem;width:222px}}@media only screen and (min-width: 1017px)and (max-width: 1550px){.tech{left:.2rem;width:226px}}@media only screen and (min-width: 800px)and (max-width: 1017px){.tech{width:212px}}@media only screen and (min-width: 600px)and (max-width: 800px){.tech{height:1.5rem;left:.2rem;width:200px}.tech p{bottom:.45rem}}@media only screen and (min-width: 529px)and (max-width: 600px){.tech{left:.2rem;width:200px}}@media only screen and (max-width: 530px)and (min-height: 730px){.tech{left:.2rem;margin-top:15px;top:.5rem;width:196px}.tech span{font-size:clamp(.55rem,2.5vw,.65rem);top:.1rem}}@media only screen and (max-width: 532px)and (max-height: 730px){.tech{height:1.2rem;left:.2rem;margin-top:-5px;top:.5rem;width:200px}.tech p{font-size:clamp(.5rem,2.5vw,.6rem)}.tech span{font-size:clamp(.45rem,2.5vw,.55rem);top:.55px}}@media only screen and (max-height: 730px)and (max-width: 482px){.tech{margin-top:-5px;width:150px}}@media only screen and (max-width: 485px){._2013_tech{height:2.2rem}._2013_tech p{left:4rem!important;top:-.5rem}._2013_tech span{right:5rem!important;top:.8rem!important}}._2013 span{position:relative}@media only screen and (min-width: 800px){._2013{bottom:.2rem}}._2014 span,._2018 span{position:relative}@media only screen and (min-width: 800px){._2014,._2018{bottom:.2rem}}@media only screen and (max-width: 529px)and (max-height: 730px){._2014 span,._2018 span{right:.1rem}}@media only screen and (max-width: 532px)and (max-height: 730px){._2014{left:.2rem}._2014 span{right:.3rem}}@media only screen and (min-height: 730px)and (max-height: 760px)and (max-width: 529px){._2014{top:-.4rem!important;left:.2rem!important}._2014 span{top:.05rem}}@media only screen and (min-height: 760px)and (max-height: 915px)and (max-width: 529px){._2014 span{top:.05rem!important}}@media only screen and (min-height: 915px)and (max-width: 529px){._2014{top:-.3rem!important}._2014 span{top:0rem!important}}._2016_tech{height:2.5rem}._2016_tech p{left:.5rem}._2016_tech span{position:relative;right:.5rem}@media only screen and (min-width: 1020px)and (max-width: 2300px){._2016_tech p{left:.5rem}}@media only screen and (min-width: 800px)and (max-width: 1020px){._2016_tech p{bottom:.2rem;left:.4rem}}@media only screen and (min-width: 600px)and (max-width: 800px){._2016_tech p{left:.5rem;top:-.2rem}}@media only screen and (min-width: 482px)and (max-width: 600px){._2016_tech p{top:.1rem}._2016_tech span{right:.4rem;top:-.2rem}}@media only screen and (max-width: 477px){._2016_tech{left:-.5rem;margin-right:-10rem!important;width:105%}._2016_tech p{left:.3rem!important;top:.1rem!important}._2016_tech span{right:.3rem!important}}@media only screen and (max-width: 485px){._2016_tech p{left:1.4rem;top:-.1rem}._2016_tech span{right:1.2rem;top:-.2rem}}@media only screen and (max-height: 650px)and (min-width: 1020px)and (max-width: 1550px){._2016_tech p{left:.5rem}}@media only screen and (min-height: 730px)and (max-height: 760px)and (max-width: 529px){._2016_tech p{top:0rem!important;left:1.5rem!important}._2016_tech span{top:-.3rem!important;left:-1rem!important}}@media only screen and (min-height: 760px)and (max-height: 915px)and (max-width: 529px){._2016_tech p{top:-.1rem!important;left:1rem!important}._2016_tech span{right:1rem!important}}@media only screen and (min-height: 915px)and (max-width: 529px){._2016_tech p{top:0rem!important;left:1.2rem!important}._2016_tech span{right:1rem!important}}@media only screen and (min-height: 760px)and (max-height: 915px)and (max-width: 529px){._2018{top:-.4rem!important}._2018 span{top:.05rem!important}}@media only screen and (min-height: 915px)and (max-width: 529px){._2018{top:-.3rem!important}._2018 span{top:0rem!important}}._2020_tech,._2021_tech{height:3.5rem}._2020_tech span,._2021_tech span{position:relative}._2020_tech span:not(._2020_tech span),._2021_tech span:not(._2020_tech span){right:.5rem}@media only screen and (min-width: 1020px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:-.1rem}}@media only screen and (min-width: 800px)and (max-width: 1017px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:1rem}}@media only screen and (min-width: 800px){._2020_tech p,._2021_tech p{bottom:.2rem}}@media only screen and (max-width: 482px){._2020_tech,._2021_tech{height:3rem}._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:.2rem;left:0rem!important}._2020_tech span:not(._2021_tech span),._2021_tech span:not(._2021_tech span){top:-.2rem!important;left:.3rem!important}._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){top:-.2rem;left:.2rem!important}._2020_tech span:not(._2020_tech span),._2021_tech span:not(._2020_tech span){left:-.6rem!important}}@media only screen and (min-width: 482px)and (max-width: 600px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:-.2rem}}@media only screen and (min-width: 532px)and (max-width: 800px){._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){left:.4rem}._2020_tech span:not(._2020_tech span),._2021_tech span:not(._2020_tech span){right:.8rem}}@media only screen and (min-width: 600px)and (max-width: 800px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:-.2rem}}@media only screen and (max-width: 532px)and (max-height: 730px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){left:3.8rem}._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){left:4rem}._2020_tech span:not(._2021_tech span),._2021_tech span:not(._2021_tech span){right:4.8rem;top:.85rem}._2020_tech span:not(._2020_tech span),._2021_tech span:not(._2020_tech span){right:5.2rem;top:.85rem}}@media only screen and (max-width: 532px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){left:-.5rem}._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){left:.5rem!important;top:-.1rem}._2020_tech span:not(._2021_tech span),._2021_tech span:not(._2021_tech span){right:-.5rem;top:-.4rem}._2020_tech span:not(._2020_tech span),._2021_tech span:not(._2020_tech span){left:-1rem!important;top:-.4rem}}@media only screen and (min-height: 730px)and (max-height: 760px)and (max-width: 529px){._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){top:-.2rem!important}}@media only screen and (min-height: 760px)and (max-height: 915px)and (max-width: 529px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:-.2rem}}@media only screen and (min-height: 915px)and (max-width: 529px){._2020_tech p:not(._2021_tech p),._2021_tech p:not(._2021_tech p){top:-.1rem}._2020_tech p:not(._2020_tech p),._2021_tech p:not(._2020_tech p){top:-.1rem}}._2022_tech:not(._2023_tech){height:4rem}._2023_tech:not(._2022_tech){height:4rem}._2022_tech,._2023_tech{line-height:13px}._2022_tech p,._2023_tech p{position:relative;white-space:nowrap;width:10ch}._2022_tech p:not(._2023_tech p),._2023_tech p:not(._2023_tech p){left:5.5rem}._2022_tech p:not(._2022_tech p),._2023_tech p:not(._2022_tech p){top:0rem}._2022_tech span,._2023_tech span{position:relative;white-space:pre-line}@media only screen and (min-width: 1020px){._2022_tech p:not(._2023_tech p),._2023_tech p:not(._2023_tech p){bottom:.2rem}._2022_tech span:not(._2023_tech span),._2023_tech span:not(._2023_tech span){right:6rem;top:1rem}}@media only screen and (min-width: 800px)and (max-width: 1020px){._2022_tech p:not(._2023_tech p),._2023_tech p:not(._2023_tech p){bottom:.2rem}._2022_tech span:not(._2023_tech span),._2023_tech span:not(._2023_tech span){right:6rem;top:1.5rem}}@media only screen and (min-width: 529px)and (max-width: 800px){._2022_tech span:not(._2023_tech span),._2023_tech span:not(._2023_tech span){right:6.4rem;top:1rem}}@media only screen and (max-width: 532px){._2022_tech p:not(._2023_tech p),._2023_tech p:not(._2023_tech p){left:5rem}._2022_tech p:not(._2022_tech p),._2023_tech p:not(._2022_tech p){left:3.7rem;top:-.36rem}._2022_tech span:not(._2023_tech span),._2023_tech span:not(._2023_tech span){right:5.9rem;top:1rem}._2022_tech span:not(._2022_tech span),._2023_tech span:not(._2022_tech span){right:5.7rem;top:1rem}}@media only screen and (max-width: 532px)and (min-height: 800px){._2022_tech p:not(._2023_tech span),._2023_tech p:not(._2023_tech span){top:-.2rem!important}._2022_tech p:not(._2022_tech span),._2023_tech p:not(._2022_tech span){top:-.2rem!important}._2022_tech span:not(._2023_tech span),._2023_tech span:not(._2023_tech span){right:5rem;top:.8rem!important}._2022_tech span:not(._2022_tech span),._2023_tech span:not(._2022_tech span){right:5.1rem;top:.9rem!important}}@media only screen and (min-width: 1550px){._2022_tech{height:4.5rem}._2022_tech p{bottom:.5rem;left:5.5rem}._2022_tech span{right:6.2rem;bottom:-2rem}}@media only screen and (min-width: 1250px)and (max-width: 1550px){._2022_tech{height:4.5rem}._2022_tech p{bottom:.5rem;left:5.5rem}._2022_tech span{bottom:-2rem;right:6.2rem}}@media only screen and (min-width: 1020px)and (max-width: 1250px){._2022_tech{height:4.5rem}._2022_tech p{bottom:.5rem;left:5.5rem}._2022_tech span{right:6.2rem;bottom:-2rem}}@media only screen and (min-width: 800px)and (max-width: 1020px){._2022_tech{height:4.5rem}._2022_tech p{bottom:.4rem;left:5.5rem}._2022_tech span{bottom:-1.5rem;margin-top:-.6rem;right:6.2rem}}@media only screen and (min-width: 600px)and (max-width: 800px){._2022_tech{height:4.5rem}._2022_tech p{left:5.5rem}._2022_tech span{right:6.2rem;bottom:-2rem}}._2016,._2020,._2021,._2022{width:10ch;white-space:pre-line}._2022{left:.5rem}._2022 span{position:relative;right:1.2rem}@media only screen and (min-width: 532px)and (max-width: 800px){._2020_tech,._2016_tech{height:3rem}._2021_tech{height:4rem}._2021_tech p{top:-.2rem}._2023_tech{height:3.5rem}._2023_tech p{left:.2rem}._2023_tech span{right:.2rem}}@media only screen and (min-height: 760px)and (max-width: 529px){._2020_tech{height:2.2rem}}@media only screen and (max-height: 420px){#frontend p:not(:first-of-type){margin-bottom:2.5rem}#wordp p{margin-bottom:2rem}}.content_contact{animation:fade_in 2s 1 ease-in-out forwards;transform:translateY(17vh)}.content_contact input{border-radius:10px 17px;height:3.5vh;width:40vw}.content_contact textarea{border-radius:10px;height:30vh;margin-block:2rem;width:40vw}.content_contact ::placeholder{font-size:clamp(.65rem,2.5vw,.75rem)}.content_contact button{background-color:#71797e;border-radius:10px;font-size:.7rem;padding:8px}.content_contact button:hover{background-color:#5d656a;color:#161616}@media only screen and (max-height: 435px){.content_contact{transform:translateY(18vh);height:100vh}.content_contact ::placeholder{font-size:clamp(.55rem,2.5vw,.65rem)}.content_contact input{height:8vh;width:40vw}.content_contact textarea{height:50vh}.content_contact button{font-size:.65rem;margin-bottom:10rem}}input:user-invalid{color:red}.submit_butt_anime{animation:submit 4s 1 linear}.success_message{font-size:clamp(.65rem,2.5vw,.75rem);margin-top:2rem}@media only screen and (max-height: 435px){.success_message .success_message{font-size:clamp(.55rem,2.5vw,.65rem);margin-top:-8rem}}@keyframes submit{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}footer{animation:appear 1s steps(60) 1 3s normal forwards;background-color:#121218e6;border-top:2px dashed #2a2a2a;cursor:default;display:flex;font-size:clamp(.75rem,.5vw,.8rem);height:99vh;justify-content:center;opacity:0;position:fixed;top:92vh;width:100%;z-index:99}footer button{border-bottom:1px dashed rgba(0,0,0,0);border-right:0;color:#fff;font-size:clamp(.55rem,1.5vw,.8rem);text-shadow:-1px 1px 0 #000,1px 1px 0 #000,1px -1px 0 #000,-1px -1px #000;overflow:hidden;opacity:0%;white-space:nowrap;width:0px}footer span{cursor:default;display:inline-flex;overflow:hidden;white-space:nowrap;width:0rem}footer nav{top:1rem;position:absolute;white-space:nowrap}@media only screen and (min-width: 800px){footer button{font-size:clamp(.7rem,.5vw,.8rem)}}@media only screen and (max-height: 730px)and (min-width: 482px)and (max-width: 532px){footer{font-size:clamp(.5rem,.5vw,.6rem)}}@media only screen and (max-height: 700px)and (min-width: 800px)and (max-width: 1020px){footer nav{top:3vh}}@media only screen and (max-height: 580px)and (min-width: 1550px){footer{font-size:clamp(.5rem,.5vw,.6rem)}}@media only screen and (max-height: 550px)and (min-width: 1235px)and (max-width: 1550px){footer{font-size:clamp(.5rem,.5vw,.6rem)}}@media only screen and (min-height: 360px)and (max-height: 525px){footer{top:90vh;font-size:clamp(.5rem,.5vw,.6rem)}footer nav{top:1rem}}@media only screen and (min-height: 215px)and (max-height: 360px){footer{top:88vh}footer nav{top:3vh}}@media only screen and (max-height: 215px){footer{top:85vh;font-size:clamp(.5rem,.5vw,.6rem)}footer nav{top:3vh}}@media only screen and (max-height: 450px)and (min-width: 600px)and (max-width: 800px){footer{font-size:clamp(.5rem,.5vw,.6rem)}footer nav{top:4vh}}.home{animation:typewriter_home 1.5s steps(40) 3.5s 1 normal forwards,blinktext .5s steps(40) 6s 4 normal forwards,appear .15s steps(60) 1 3.55s normal forwards}.knowledge{animation:typewriter_knowledge 1.5s steps(40) 5s 1 normal forwards,blinktext .5s steps(40) 7.5s 2 normal forwards,appear .15s steps(60) 1 5.05s normal forwards}.portfolio{animation:typewriter_portfolio 2.5s steps(40) 5.5s 1 normal forwards,blinktext .5s steps(40) 8s 2 normal forwards,appear .15s steps(60) 1 5.55s normal forwards}.contact{animation:typewriter_contact 1.5s steps(40) 7s 1 normal forwards,blinktext .7s steps(40) 9.5s infinite normal forwards,appear .15s steps(60) 1 7.05s normal forwards}.home_eng{animation:typewriter_home_eng 1.5s steps(40) 3.5s 1 normal forwards,blinktext .5s steps(40) 6s 4 normal forwards,appear .15s steps(60) 1 3.55s normal forwards}.knowledge_eng{animation:typewriter_knowledge_eng 1.5s steps(40) 5s 1 normal forwards,blinktext .5s steps(40) 7.5s 2 normal forwards,appear .15s steps(60) 1 5.05s normal forwards}.portfolio_eng{animation:typewriter_portfolio_eng 1.5s steps(40) 5.5s 1 normal forwards,blinktext .5s steps(40) 8s 2 normal forwards,appear .15s steps(60) 1 5.55s normal forwards}.contact_eng{animation:typewriter_contact_eng 1.5s steps(40) 7s 1 normal forwards,blinktext .7s steps(40) 9.5s infinite normal forwards,appear .15s steps(60) 1 7.05s normal forwards}.home_no_anime{animation:none;opacity:100%;width:3em}.knowledge_no_anime{animation:none;opacity:100%;width:7em}.portfolio_no_anime{animation:none;opacity:100%;width:12em}.contact_no_anime{animation:blinktext .7s steps(40) 1s infinite normal forwards;border-right:1px solid #fff;opacity:100%;width:9em}.home_eng_no_anime{animation:none;opacity:100%;width:3em}.knowledge_eng_no_anime,.portfolio_eng_no_anime{animation:none;opacity:100%;width:7.5em}.contact_eng_no_anime{animation:blinktext .7s steps(40) 1s infinite normal forwards;border-right:1px solid #fff;opacity:100%;width:6.5em}footer span{animation:typewriter_span 1s steps(40) 8.5s 1 normal forwards,blinktext .4s steps(40) 9s 3 normal forwards}.home,.home_eng,.knowledge,.knowledge_eng,.portfolio,.portfolio_eng,.contact,.contact_eng{cursor:default}.home:hover,.home_eng:hover,.knowledge:hover,.knowledge_eng:hover,.portfolio:hover,.portfolio_eng:hover,.contact:hover,.contact_eng:hover{border-bottom:1px dashed}@keyframes appear{0%{opacity:0%}to{cursor:pointer;opacity:100%}}@keyframes typewriter_home{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:1em}to{border-right:1px solid #fff;width:3em}}@keyframes typewriter_knowledge{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:3.5em}to{border-right:1px solid #fff;width:7em}}@keyframes typewriter_portfolio{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:6.5em}to{border-right:1px solid #fff;width:13em}}@keyframes typewriter_contact{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:4.5em}to{border-right:1px solid #fff;width:9.1em}}@keyframes typewriter_home_eng{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:1em}to{border-right:1px solid #fff;width:3em}}@keyframes typewriter_knowledge_eng{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:4.5em}to{border-right:1px solid #fff;width:8.5em}}@keyframes typewriter_portfolio_eng{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:4.5em}to{border-right:1px solid #fff;width:8.5em}}@keyframes typewriter_contact_eng{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:4em}to{border-right:1px solid #fff;width:8em}}@keyframes typewriter_span{0%{width:0}1%{border-right:1px solid #fff}50%{border-right:1px solid #fff;width:.5em}to{border-right:1px solid #fff;width:1.5em}}@media (hover: none){@supports (-moz-appearance: none){html,main{-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-attachment:fixed;background-image:repeating-linear-gradient(to left bottom,#181818,#1a1a1c,#1d1c21,#1f1e25,#21202a,#21202a,#21202a,#21202a,#1f1e25,#1d1c21,#1a1a1c,#181818);background-position:center;background-repeat:no-repeat;background-size:cover}body{background-image:none!important;background-color:#0000!important;overflow-y:scroll!important;overflow-x:hidden!important}header{background-image:none!important;background-color:#0000!important;top:0;height:0rem;position:fixed;width:100%;padding-right:5rem!important}footer{height:4rem!important;top:auto!important;bottom:0!important;position:fixed!important;width:100%}.content_name{height:fit-content!important}.content_skills{top:-.8rem!important;font-size:clamp(.3rem,2vw,.6rem);height:fit-content!important;padding-right:0;left:-.6rem!important;width:fit-content!important}.content_contact{height:fit-content!important}.contact_desc{font-size:clamp(.5rem,2.5vw,.6rem)!important}.content_portfolio{height:fit-content!important;margin:0 auto;position:relative;top:-2rem!important;transform:scale(.8);width:125vw!important}.content_contact{bottom:1rem!important;position:relative!important}.swlyn{right:.6rem!important}._2013{top:-.3rem!important}._2014{top:-.2rem!important}._2014 span{top:.03rem!important}._2016_tech p{top:.2rem!important}._2018{top:-.2rem!important}._2018 span{top:-.005rem!important}._2022_tech p{left:4.5rem!important}._2022_tech span{right:5rem!important}._2023_tech p{left:3.2rem!important}._2023_tech span{right:5rem!important;top:.9rem!important}.cv{margin-top:-8px}.woocommerce{margin-top:7px}.eye_desc{left:.5rem!important}.email_form,.msg_form{color:#fff!important;width:15rem!important}}}