@media (hover: none),(pointer: coarse){.content_skills{scale:.8!important;transform:translate(-65%,-54%)!important;grid-template-rows:1fr 1fr!important;grid-column-gap:0!important}#frontend{margin-left:-4rem}#backend{margin-left:10rem}#wordp{grid-row:2}#tools{margin-left:6rem;grid-row:2}.description_div{opacity:1!important}.content_contact{transform:translate(-45%)!important}}@media (hover: none)and (max-width: 400px),(pointer: coarse)and (max-width: 400px){.content_contact{transform:translate(-55%)!important}}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;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) 6s 1 normal forwards;display:flex;opacity:0%;position:sticky;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 (max-height: 400px){header{scale:.85}}.nownohover img{border-bottom:1px solid;cursor:default;filter:grayscale(60%);height:15px;object-fit:contain;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:20px;top:4.5px;position:relative;object-fit:contain;width:20px}.nowhover img:hover{filter:grayscale(65%);height:20px;object-fit:contain;width:25px}@keyframes header{0%{opacity:0%}to{opacity:100%}}@keyframes cursor{0%{cursor:default}to{cursor:pointer}}.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:absolute;text-align:center;white-space:nowrap;width:0rem;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes loader{0%{width:0rem}1%{opacity:1%}50%{opacity:40%;width:5rem}to{opacity:80%;width:10rem}}.content_name{height:30vh;position:absolute;margin-block:-3rem;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-height: 400px){.content_name{transform:translate(-50%,-50%);scale:.85}}.name_gr,.name_eng{animation:typewriter 2.5s steps(40) .5s 1 normal forwards,blinktext 0ms steps(2) 6 normal forwards;border-right:1px solid #fff;overflow:hidden;white-space:nowrap;width:0rem}@media (max-height: 400px){.name_gr,.name_eng{transform:translate(-5%,55%)}}.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}@media (max-height: 400px){.job_gr,.job_eng{transform:translate(-8%,45%)}}.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}}.anime_stop{border:1px solid #fff;border-radius:50%;color:#fff;position:absolute;scale:.6;top:0;left:50%;transform:translate(-75%);height:13ch;width:13ch}@media (max-height: 400px){.anime_stop{scale:.55;transform:translate(-65%,-10vh)}}.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:repeat(4,17vw);grid-template-rows:1fr;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.content_skills p{border-right:1px dashed;height:fit-content;margin-block:1.5rem;width:24ch;white-space:pre-line}.content_skills h3{width:16ch}.content_skills div{margin-bottom:4rem}@media (max-width: 480px){.content_skills{font-size:clamp(.4rem,2vw,.5rem);grid-column-gap:20vw;transform:translate(-82%,-80%);scale:.65}.content_skills p{width:25ch}.content_skills h3{font-size:clamp(.8rem,2.5vw,.9rem)}}@media (max-width: 600px)and (min-width: 480px){.content_skills{font-size:clamp(.4rem,2.5vw,.5rem);grid-column-gap:10vw;transform:translate(-58%,-55%);scale:.9}.content_skills h3{font-size:clamp(.8rem,2.5vw,.9rem)}}@media (min-width: 600px)and (max-width: 800px){.content_skills{transform:translate(-55%,-55%);grid-column-gap:8vw;scale:.92}.content_skills h3{font-size:clamp(.85rem,2.5vw,.95rem)}}@media (min-width: 800px)and (max-width: 1000px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem)}.content_skills h3{font-size:clamp(.95rem,2.5vw,1.05rem)}.content_skills p{font-size:clamp(.55rem,2.5vw,.65rem)}}@media (min-width: 1000px)and (max-width: 1500px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem)}.content_skills h3{font-size:clamp(.95rem,2.5vw,1.1rem)}}@media (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}.content_skills h3{font-size:clamp(1rem,2.5vw,1.2rem);padding-right:1rem}}@media (min-width: 1800px){.content_skills{font-size:clamp(.5rem,2.5vw,.7rem);grid-template-columns:12vw 15vw 10vw 5vw;grid-column-gap:7vw}.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 (max-height: 420px){.content_skills p:not(#frontend p,#wordp p){margin-block:.9rem}}.fade_out{transition:opacity .3s ease-in}@keyframes fade_in{0%{opacity:0}to{opacity:1}}@keyframes fade_out{0%{opacity:1}to{opacity:0}}.content_portfolio{animation:fade_in 2s 1 ease-in-out forwards;display:flex;flex-wrap:wrap;justify-content:center;position:relative;left:20vw}.content_portfolio div{margin-right:1rem}.content_portfolio img{border-radius:30px;box-shadow:8px 14px 10px #0000004d;height:130px;object-fit:fill;margin-right:1rem;margin-bottom:2rem;width:170px}@media (max-width: 600px){.content_portfolio{scale:.9;margin-top:-3rem;margin-bottom:1rem;left:2rem;text-rendering:optimizeLegibility;width:90vw}}@media (min-width: 600px)and (max-width: 800px){.content_portfolio{margin-top:-1rem;margin-bottom:8rem;left:7rem;text-rendering:optimizeLegibility;width:70vw}}@media (min-width: 800px)and (max-width: 1000px){.content_portfolio{margin-top:4rem;margin-bottom:10rem;left:8rem;scale:1.2;width:74vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 1000px)and (max-width: 1240px){.content_portfolio{margin-top:3rem;margin-bottom:10rem;scale:1.2;width:62vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 1240px)and (max-width: 1409px){.content_portfolio{margin-top:2rem;scale:1.2;width:75vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 1409px)and (max-width: 1680px){.content_portfolio{margin-bottom:12rem;margin-top:6rem;scale:1.4;width:60vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 1680px)and (max-width: 1910px){.content_portfolio{margin-bottom:12rem;margin-top:3rem;scale:1.4;width:61vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 1910px)and (max-width: 2250px){.content_portfolio{margin-bottom:12rem;margin-top:3rem;scale:1.4;width:53vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (min-width: 2250px){.content_portfolio{margin-bottom:12rem;margin-top:3rem;scale:1.4;width:45vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.description_div{text-align:center;cursor:default;font-size:clamp(.62rem,2.5vw,.82rem);z-index:99}.portfolio_img{cursor:pointer}.overlay{opacity:0}.overlay h2{font-size:clamp(1.25rem,2.5vw,1.25rem)}.overlay p{font-size:clamp(.65rem,2.5vw,.75rem)}.overlay a{color:#fff;text-decoration:none}#overlay_content{height:90vh;align-items:center}#overlay_content img{object-fit:contain;max-width:100%;max-height:50%;width:auto;height:auto;top:16%;transform:translateY(-38%)}#overlay_content p:not(.overlay_skillz){scale:.9;top:2vh;transform:translateY(0);align-self:center}#overlay_content button,#overlay_content a{scale:.9}@media (min-width: 1098px){#overlay_content p:not(.overlay_skillz){scale:1;width:90ch}}@media (max-width: 600px)and (min-width: 400px){#overlay_content img{transform:translateY(-17vh)}#overlay_content p:not(.overlay_skillz){scale:.8!important;transform:translateY(-3vh);text-align:left!important}#overlay_content h2,#overlay_content button,#overlay_content a{scale:.7}}@media (max-width: 400px)and (min-height: 630px){#overlay_content h2{scale:.7;white-space:nowrap;top:1rem}#overlay_content img{transform:translateY(-13vh)}#overlay_content p:not(.overlay_skillz){transform:translateY(5vh);text-align:center!important;scale:.8;margin-left:1rem;width:38ch}#overlay_content button,#overlay_content a{scale:.7}}@media (max-width: 400px)and (min-height: 420px)and (max-height: 630px){#overlay_content h2{scale:.7;white-space:nowrap;top:1rem}#overlay_content img{transform:translateY(-40%)}#overlay_content p:not(.overlay_skillz){transform:translateY(5vh);text-align:center!important;margin-left:1rem;scale:.75;width:39ch}#overlay_content button,#overlay_content a{scale:.7}}@media (max-width: 400px)and (max-height: 420px){#overlay_content h2{scale:.7;white-space:nowrap;top:1rem}#overlay_content img{transform:translateY(-35%)}#overlay_content p:not(.overlay_skillz){transform:translateY(-10vh);text-align:center!important;scale:.7;width:40ch}#overlay_content button,#overlay_content a{scale:.7}}@media (max-height: 500px)and (min-height: 390px){#overlay_content img{transform:translateY(-15vh)}#overlay_content p:not(.overlay_skillz){padding-bottom:2rem;scale:.7;scrollbar-width:thin;transform:translateY(-9vh)}}@media (max-height: 390px){#overlay_content h2{transform:translateY(-5vh);scale:.6}#overlay_content p:not(.overlay_skillz){padding-bottom:3rem;scale:.7!important;transform:translateY(-18vh);scrollbar-width:thin}#overlay_content img{transform:translateY(-20vh)}}.overlay_skillz{scale:.8;text-align:center;width:50vw;margin-bottom:0;bottom:0}@media (min-width: 1098px){.overlay_skillz{width:30vw}}@media (min-height: 600px){.overlay_skillz{scale:.8;margin-left:1rem;width:42vw;margin-bottom:15px}}@media (max-height: 600px){.overlay_skillz{scale:.7;margin-left:1rem}}@media (max-height: 450px)and (min-width: 1831px){.overlay_skillz{padding:1.25rem 100%;scale:.65!important;margin-bottom:-.5rem;z-index:98}}@media (max-height: 450px)and (min-width: 557px)and (max-width: 1831px){.overlay_skillz{padding:.6rem 100%;scale:.65!important;margin-bottom:-.5rem;z-index:98}}@media (max-height: 450px)and (min-width: 500px)and (max-width: 557px){.overlay_skillz{padding:.3rem 100%;scale:.65!important;margin-bottom:-.5rem;z-index:98}}@media (max-height: 450px)and (max-width: 500px){.overlay_skillz{padding:.2rem 100%;scale:.65!important;margin-bottom:-.5rem;width:30ch;z-index:98}}.overlay.fade_in{animation:fade_in .5s ease-in forwards}.overlay.fade_out{animation:fade_out .4s ease-out forwards}@media (max-width: 400px){.close_butt{top:-.1rem!important}}@media (max-height: 450px){.close_butt{right:-.15rem!important;top:-.25rem!important}}.www{z-index:99}@media (max-width: 400px){.www{margin-bottom:-.1rem!important;scale:.7!important;left:-1rem!important}}@media (max-height: 450px){.www{margin-bottom:-.2rem!important;scale:.65!important}}.git{z-index:99}@media (max-width: 400px){.git{margin-bottom:.1rem!important;scale:.7!important;right:0rem!important}}@media (max-height: 450px){.git{scale:.65!important;margin-bottom:0rem!important}}.www:hover,.git:hover,.close_butt:hover{filter:brightness(.85)}.www:active,.git:active,.close_butt:active{box-shadow:inset 0 4px 6px #00000080,inset 0 1px 4px #0000004d;filter:brightness(.6)}.content_contact{animation:fade_in 2s 1 ease-in-out forwards;position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);text-align:center}.content_contact input{border-radius:10px 17px;height:3.5vh;padding-inline:1rem;width:80%}.content_contact textarea{border-radius:10px;height:30vh;margin-block:2rem;padding:.5rem;width:80%}.content_contact ::placeholder{font-size:clamp(.65rem,2.5vw,.75rem)}.content_contact button{background-color:#71797e;border-radius:10px;font-size:.7rem;padding:8px;scale:.9}.content_contact button:hover{background-color:#5d656a;color:#161616}.content_contact p:last-of-type{margin-top:4rem!important}.content_contact span{text-decoration:none;position:relative;top:1rem}@media (max-width: 400px){.content_contact{scale:.9;transform:translate(-55%,-65%);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content_contact p:not(:last-of-type){margin-left:7rem!important;width:45ch!important}}@media (max-height: 550px)and (min-height: 430px){.content_contact{scale:.9;transform:translate(-55%,-50%);padding-bottom:10rem!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content_contact p:not(:last-of-type){margin-left:7rem!important;width:45ch!important}.content_contact span{text-decoration:none;position:relative;top:1rem}.content_contact textarea{margin-block:0rem}.content_contact button{scale:.8}}@media (max-height: 430px){.content_contact{scale:.8;transform:translate(-63%,-45%);padding-bottom:5rem!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.content_contact p:not(:last-of-type){margin-bottom:0rem!important;width:45ch!important}.content_contact p:last-of-type{margin-top:2rem!important}.content_contact textarea{margin-block:0}.content_contact button{scale:.8}}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 (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 1.2s normal forwards;align-items:center;background-color:#121218e6;border-top:2px dashed #2a2a2a;cursor:default;display:flex;height:50px;justify-content:center;left:0;opacity:0;position:fixed;bottom:0;text-align:center;width:100%;z-index:99}footer button{border-bottom:1px dashed rgba(0,0,0,0);border-right:0;color:#fff;font-size:clamp(.6rem,1vw,.6rem);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;font-size:clamp(.6rem,1vw,.6rem);overflow:hidden;white-space:nowrap;width:0rem}footer nav{position:relative;white-space:nowrap;left:2%}@media (max-width: 350px){footer button,footer span{font-size:clamp(.5rem,1vw,.5rem)}}.home{animation:typewriter_home 1.5s steps(40) .5s 1 normal forwards,blinktext 0ms steps(2) 3s 4 normal forwards,appear .15s steps(60) 1 .5s normal forwards}.knowledge{animation:typewriter_knowledge 1.5s steps(40) 2s 1 normal forwards,blinktext 0ms steps(2) 4.5s 2 normal forwards,appear .15s steps(60) 1 2s normal forwards}.portfolio{animation:typewriter_portfolio 2.5s steps(40) 3s 1 normal forwards,blinktext 0ms steps(2) 5.5s 2 normal forwards,appear .15s steps(60) 1 3.05s normal forwards}.contact{animation:typewriter_contact 1.5s steps(40) 4.5s 1 normal forwards,blinktext .7s steps(40) 7s infinite normal forwards,appear .15s steps(60) 1 4.55s normal forwards}.home_eng{animation:typewriter_home_eng 1.5s steps(40) 1s 1 normal forwards,blinktext 0ms steps(2) 3.5s 4 normal forwards,appear .15s steps(60) 1 1.05s normal forwards}.knowledge_eng{animation:typewriter_knowledge_eng 1.5s steps(40) 2.5s 1 normal forwards,blinktext 0ms steps(2) 5s 2 normal forwards,appear .15s steps(60) 1 2.55s normal forwards}.portfolio_eng{animation:typewriter_portfolio_eng 1.5s steps(40) 3s 1 normal forwards,blinktext 0ms steps(2) 5.5s 2 normal forwards,appear .15s steps(60) 1 3.05s normal forwards}.contact_eng{animation:typewriter_contact_eng 1.5s steps(40) 4.5s 1 normal forwards,blinktext 0ms steps(2) 7s infinite normal forwards,appear .15s steps(60) 1 4.55s normal forwards}footer span{animation:typewriter_span 1s steps(40) 5.5s 1 normal forwards,blinktext 0ms steps(2) 6.5s 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}}