@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-family:Roboto;src:url(/assets/Roboto-Regular-4e147ab6.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Mynerve;src:url(/assets/Mynerve-Regular-e0816c80.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Orbitron;src:url(/assets/Orbitron-VariableFont_wght-1652d8fa.ttf) format("truetype");font-weight:400 700;font-style:normal;font-display:block}@font-face{font-family:Ubuntu;src:url(/assets/Ubuntu-Regular-66fea9c0.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:ArchitectsDaughter;src:url(/assets/ArchitectsDaughter-Regular-7e7ae3e7.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Schoolbell;src:url(/assets/Schoolbell-Regular-5c95c451.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}header#header.site-header{font-family:Ubuntu,sans-serif;font-weight:700;grid-row:1/2;background-color:#150401;max-width:100%;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;height:100px;position:absolute;top:0;left:0;right:0;z-index:100;transition:transform .3s ease}header#header.site-header.fixed-permanent{animation:blink .4s ease-in}header#header.site-header.fixed-permanent span{animation:blinkAlt .3s linear}header#header.site-header.fixed-permanent span.top-left{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background-color:#26ff00}header#header.site-header.fixed-permanent span.top-left-vertical{content:"";position:absolute;top:0;left:0;width:2px;height:20px;background-color:#26ff00}header#header.site-header.fixed-permanent span.top-right{content:"";position:absolute;top:0;right:0;width:20px;height:2px;background-color:#26ff00}header#header.site-header.fixed-permanent span.top-right-vertical{content:"";position:absolute;top:0;right:0;width:3px;height:20px;background-color:#26ff00}header#header.site-header.fixed-permanent span.bottom-left{content:"";position:absolute;bottom:0;left:0;width:20px;height:2px;background-color:#26ff00}header#header.site-header.fixed-permanent span.bottom-left-vertical{content:"";position:absolute;bottom:0;left:0;width:2px;height:20px;background-color:#26ff00}header#header.site-header.fixed-permanent span.bottom-right{content:"";position:absolute;bottom:0;right:0;width:20px;height:2px;background-color:#26ff00}header#header.site-header.fixed-permanent span.bottom-right-vertical{content:"";position:absolute;bottom:0;right:0;width:3px;height:20px;background-color:#26ff00}header#header.site-header div.logo{max-width:100px;z-index:2;transition:all .3s}header#header.site-header div.logo:hover{filter:contrast(130%) saturate(120%)}header#header.site-header nav div.hamburger{display:none}header#header.site-header nav ul.navbar{list-style:none;display:flex;align-items:center;color:#ffe0ef}header#header.site-header nav ul.navbar li{letter-spacing:1px}header#header.site-header nav ul.navbar li a{text-decoration:none;padding:20px;color:inherit;text-transform:uppercase;transition:color .3s}header#header.site-header nav ul.navbar li a:hover{color:#db3651}header#header.site-header nav ul.navbar li .lang-parent{color:#ffe0ef;font-weight:700;border:none;outline:none}header#header.site-header nav ul.navbar li .lang-parent span{color:#ffe0ef}header#header.site-header nav ul.navbar li .lang-parent a{display:inline-block;cursor:pointer}header#header.site-header nav ul.navbar li .lang-parent a.active{color:#ffbfb3e6;transform:scale(1.1)}header#header.site-header nav ul.navbar li .lang-parent a:hover{color:#db3651}header#header.site-header nav ul.navbar li:last-child{margin-left:20px}header#header.site-header nav ul.navbar li.active a{color:#ffbfb3e6}header#header.site-header.fixed{position:fixed;z-index:100;top:0;left:0;right:0;height:100px}header#header.site-header ::selection{color:#fff;background-color:#dc7560}footer{font-size:1.2rem;grid-row:3/4;width:100%;min-height:250px;background:linear-gradient(324deg,#110018 4%,transparent 4%) -37px 33px,linear-gradient(36deg,#110018 4%,transparent 4%) 43px 33px,linear-gradient(72deg,#550044 8.5%,transparent 8.5%) 43px 33px,linear-gradient(288deg,#550044 8.5%,transparent 8.5%) -37px 33px,linear-gradient(216deg,#550044 7.5%,transparent 7.5%) -37px 16px,linear-gradient(144deg,#550044 7.5%,transparent 7.5%) 43px 16px,linear-gradient(324deg,#110018 4%,transparent 4%) 4px 73px,linear-gradient(36deg,#110018 4%,transparent 4%) 84px 73px,linear-gradient(72deg,#550044 8.5%,transparent 8.5%) 84px 73px,linear-gradient(288deg,#550044 8.5%,transparent 8.5%) 4px 73px,linear-gradient(216deg,#550044 7.5%,transparent 7.5%) 4px 56px,linear-gradient(144deg,#550044 7.5%,transparent 7.5%) 84px 56px;background-size:80px 80px;background-color:#110018;color:#fff;border-top:4px solid #7e0065;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}footer div.footer-content{height:100%;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}footer div.footer-content div.legal-links{width:fit-content;letter-spacing:1px;gap:1px;grid-column:1/2;grid-row:1/-1;align-self:center;display:flex;flex-direction:column;align-items:flex-start;margin-left:50px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}footer div.footer-content div.legal-links a{transition:all .3s;color:#e042c1}footer div.footer-content div.legal-links a:hover{color:#00d6d9}footer div.footer-content div.legal-links a:active{color:#fff}footer div.footer-content div.legal-links a.highlight{color:#00d6d9}footer div.footer-content div.top-btn{padding:2px;width:fit-content;justify-self:center;align-self:center;grid-column:2/3;grid-row:1/3;display:flex;flex-direction:column;gap:2.8rem}footer div.footer-content .social-media{grid-column:3/4;grid-row:1/-1;height:100%;display:flex;align-items:center;justify-content:flex-end;margin-right:50px}footer div.footer-content .social-media svg{width:60px;transition:all .3s}footer div.footer-content .social-media svg:hover{transform:scale(1.1);filter:contrast(130%) saturate(120%)}footer div.footer-content div.top-btn{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}footer div.footer-content div.top-btn a{background-color:#6000c091;border-radius:100px;text-decoration:none;color:#ff95ff;padding:10px;display:inline-block;text-transform:uppercase;letter-spacing:2px;transition:all .3s}footer div.footer-content div.top-btn a:hover{transform:translateY(-2px);background-color:#6000c0}footer div.footer-content div.top-btn a:active{background-color:#8d00c0;transform:translateY(0)}footer div.footer-content div.copyright{width:fit-content;justify-self:center;grid-column:2/3;grid-row:4/5;color:#d3c3e2;border-radius:1000px;align-self:center;margin:0 10px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}footer ::selection{background-color:#e8ba11;color:#000}section.introduction{background-image:linear-gradient(0deg,hsla(10,57%,75%,.9) 0%,hsla(10,58%,74%,.9) 8%,hsla(10,58%,73%,.9) 15%,hsla(10,59%,72%,.9) 23%,hsla(10,60%,71%,.9) 31%,hsla(10,60%,70%,.9) 38%,hsla(10,61%,69%,.9) 46%,hsla(10,61%,67%,.9) 54%,hsla(10,62%,66%,.9) 62%,hsla(10,63%,65%,.9) 69%,hsla(10,63%,64%,.9) 77%,hsla(10,64%,63%,.9) 85%,hsla(10,64%,62%,.9) 92%,hsla(10,65%,61%,.9) 100%),url(/assets/polaroid-74428606.png);background-repeat:no-repeat;background-position:right 4% bottom 6%;max-width:100%;padding:150px 50px 50px;min-height:100dvh;text-align:center;display:flex;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}section.introduction>*{padding-bottom:40px}section.introduction div.section-container{max-width:1400px}section.introduction div.section-container div.heading-section{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:80px}section.introduction div.section-container div.heading-section h1{font-size:2.8rem;color:#ffe1ef;text-shadow:1px 1px 1px #000000}section.introduction div.section-container div.heading-section img{width:55px;height:auto;margin-left:10px;filter:brightness(.9) contrast(150%)}section.introduction div.section-container div.main-content{border-radius:22px;padding:20px;display:flex;justify-content:center;column-gap:60px}section.introduction div.section-container div.main-content div.cloud-and-btns{flex:0 3 auto;max-width:800px;display:grid;grid-template-columns:1fr;grid-template-rows:max-content 1fr max-content}section.introduction div.section-container div.main-content div.cloud-and-btns div.cloud{grid-column:1/-1;grid-row:1/2;position:relative;justify-self:center;align-self:center;padding:20px;border-radius:20px;text-align:left;font-size:1.4rem;align-self:baseline;background-color:#a56052;z-index:0;perspective:2000px;transform-style:preserve-3d}section.introduction div.section-container div.main-content div.cloud-and-btns div.cloud:after{opacity:1;content:"";background-color:#a56052;position:absolute;width:71px;height:65px;top:90px;left:-36px;clip-path:polygon(50% 3%,0% 60%,100% 40%);transition:opacity .5s;filter:none;z-index:-1}section.introduction div.section-container div.main-content div.cloud-and-btns div.cloud p{color:#ffe1ef}section.introduction div.section-container div.main-content div.tilt-container{position:relative;align-self:center;flex:0 1 auto;perspective:2000px;transform-style:preserve-3d}section.introduction div.section-container div.main-content div.tilt-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f7f7f7;backface-visibility:hidden;transition:transform .5s;transform:rotateY(180deg)}section.introduction div.section-container div.main-content div.tilt-container figure.image-container{display:flex;flex-direction:column;align-items:center;max-width:350px;width:100%;background-color:#f7f7f7;padding:8%;gap:10px;padding-bottom:calc(20% - 34px);border:1px solid rgba(0,0,0,.3);box-shadow:0 8px 6px #0003;backface-visibility:hidden}section.introduction div.section-container div.main-content div.tilt-container figure.image-container img{background-color:#673fcd;max-width:100%;height:auto}section.introduction div.section-container div.main-content div.tilt-container figure.image-container figcaption.image-caption{font-family:ArchitectsDaughter,sans-serif}section.introduction div.section-container div.main-content div.btn-group{grid-column:1/-1;grid-row:2/3;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;flex:0 1 0;margin-top:80px;gap:40px;max-width:100%}section.introduction div.section-container div.main-content div.btn-group a{display:flex;align-items:center;justify-content:space-evenly;gap:8px;text-decoration:none;font-size:1.125rem;text-transform:uppercase;letter-spacing:1px;color:#fff;border-radius:16px;padding:.6em 1.1em;width:fit-content;white-space:nowrap;grid-column:2/3;grid-row:2/3;justify-self:center;align-self:center;cursor:pointer;transition:all .3s;box-shadow:0 8px 6px #0003}section.introduction div.section-container div.main-content div.btn-group a:hover{filter:brightness(1.25)}section.introduction div.section-container div.main-content div.btn-group a.cta-contact{background-image:linear-gradient(0deg,hsl(252,82%,36%) 0%,hsl(253,82%,37%) 2%,hsl(255,82%,38%) 6%,hsl(256,82%,39%) 10%,hsl(257,81%,40%) 16%,hsl(259,81%,41%) 23%,hsl(260,81%,42%) 33%,hsl(262,81%,43%) 46%,hsl(263,81%,45%) 62%,hsl(264,80%,46%) 78%,hsl(265,80%,47%) 90%,hsl(267,80%,48%) 96%,hsl(269,80%,49%) 99%,hsl(270,80%,50%) 100%);border:1px solid hsla(260,59%,38%,.5)}section.introduction div.section-container div.main-content div.btn-group a.cta-contact:active{background-image:linear-gradient(0deg,hsl(252,82%,36%) 0%,hsl(253,82%,37%) 0%,hsl(255,82%,38%) 1%,hsl(256,82%,39%) 2%,hsl(257,81%,40%) 5%,hsl(259,81%,41%) 9%,hsl(260,81%,42%) 18%,hsl(262,81%,43%) 85%,hsl(263,81%,45%) 93%,hsl(264,80%,46%) 97%,hsl(265,80%,47%) 99%,hsl(267,80%,48%) 100%,hsl(269,80%,49%) 100%,hsl(270,80%,50%) 100%);transform:scale(.97);box-shadow:0 4px 3px #0003}section.introduction div.section-container div.main-content div.btn-group a.cta-more{background-color:#c18611;border:1px solid hsla(260,59%,38%,.5)}section.introduction div.section-container div.main-content div.btn-group a.cta-more:active{transform:scale(.97);box-shadow:0 4px 3px #0003}section.introduction ::selection{color:#fff;background-color:#b00000}body.greek section.introduction div.section-container div.main-content div.tilt-container figure.image-container figcaption.image-caption{font-family:Mynerve,sans-serif;font-weight:700}section.about{display:flex;flex-direction:column;align-items:center;background-image:linear-gradient(45deg,hsla(196,85%,26%,.9) 0%,hsla(196,85%,26%,.9) 11%,hsla(196,85%,26%,.9) 22%,hsla(196,85%,26%,.9) 33%,hsla(196,85%,26%,.9) 44%,hsla(196,85%,26%,.9) 56%,hsla(196,85%,26%,.9) 67%,hsla(196,85%,26%,.9) 78%,hsla(196,85%,26%,.9) 89%,hsla(196,85%,26%,.9) 100%),url(/assets/bg-about-txt-471864ef.jpg);background-size:cover;color:#fff;width:100%;min-height:100dvh}section.about article{width:100%;min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:max-content 1fr 1fr;justify-content:space-between}section.about article div.heading-section{grid-column:1/-1;grid-row:1/2;position:relative;z-index:1;text-align:center;background-color:#15173799;background-color:#171717b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:fit-content;display:grid;grid-template-columns:1fr 1fr;height:100px}section.about article div.heading-section h2.heading-about{font-family:Orbitron,sans-serif;grid-column:2/3;text-transform:uppercase;letter-spacing:2px;font-size:2.5rem;align-self:center;text-shadow:1px 1px 1px #000000}section.about article div.styling{grid-column:1/2;grid-row:1/-1;background-image:url(/assets/bg-about-8df1c8ae.jpg);background-size:cover}section.about article div.main-content{grid-column:2/3;grid-row:2/-1;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section.about article div.main-content div.about-content-wrap{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}section.about article div.main-content div.about-content-wrap div.main-text{padding:40px;border-radius:16px;background-color:#36363673;height:fit-content;width:fit-content;justify-self:flex-start;margin-top:40px;margin-bottom:50px;width:90%;font-size:1.25rem;position:relative;text-align:left;justify-self:center;flex:1}section.about article div.main-content div.btn-group{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:20px}section.about article div.main-content div.btn-group div.action-btns{height:100%;justify-items:center;display:flex;justify-content:center;align-items:center;gap:20px}section.about article div.main-content div.btn-group div.action-btns a{font-size:1.25rem;text-transform:uppercase;text-decoration:none;color:#fff;height:80px;border-radius:6px;width:fit-content;padding:10px 40px;grid-column:2/3;grid-row:2/3;justify-self:center;align-self:center;cursor:pointer;transition:all .3s;box-shadow:0 8px 6px #0003;height:fit-content}section.about article div.main-content div.btn-group div.action-btns a:hover{filter:brightness(1.25)}section.about article div.main-content div.btn-group div.action-btns a:active{transform:scale(.97);box-shadow:0 4px 3px #0003}section.about article div.main-content div.btn-group div.action-btns a.resume-btn{background-color:#43108a;border:1px solid hsla(268,59%,38%,.5)}section.about article div.main-content div.btn-group div.action-btns a.portfolio-btn{background-color:#8a1065;border:1px solid rgba(138,16,101,.5)}section.about article div.main-content div.btn-group div.drawing{height:150px}section.about article div.main-content div.btn-group div.drawing span.line-top{height:70px;width:2px;position:relative;bottom:30px;left:0}section.about article div.main-content div.btn-group div.drawing span.line-top:before{content:"";position:absolute;top:-10px;left:1px;transform:translate(-50%);border:2px solid #00fff1;display:inline-block;width:10px;height:10px;background-color:transparent;border-radius:50%;margin-right:5px}section.about article div.main-content div.btn-group div.drawing span.line-top:after{content:"";position:absolute;height:70px;width:2px;background-color:#00fff1}section.about article div.main-content div.btn-group div.drawing span.line-bottom{height:100px;width:2px;position:relative;bottom:-70px}section.about article div.main-content div.btn-group div.drawing span.line-bottom:after{content:"";position:absolute;display:inline-block;left:-110px;bottom:0;height:2px;width:220px;background-color:#00fff1}section.about article div.main-content div.btn-group div.drawing span.mini-line-left{height:100px;width:2px;position:relative;left:-110px}section.about article div.main-content div.btn-group div.drawing span.mini-line-left:before{content:"";position:absolute;display:inline-block;height:70px;width:2px;background-color:#00fff1}section.about article div.main-content div.btn-group div.drawing span.mini-line-left:after{content:"";position:absolute;bottom:-80px;left:1px;transform:translate(-50%);border:2px solid #00fff1;display:inline-block;width:10px;height:10px;background-color:transparent;border-radius:50%;margin-right:5px}section.about article div.main-content div.btn-group div.drawing span.mini-line-right{height:100px;width:2px;position:relative;right:-108px}section.about article div.main-content div.btn-group div.drawing span.mini-line-right:before{content:"";position:absolute;display:inline-block;height:70px;width:2px;background-color:#00fff1}section.about article div.main-content div.btn-group div.drawing span.mini-line-right:after{content:"";position:absolute;bottom:-80px;left:1px;transform:translate(-50%);border:2px solid #00fff1;display:inline-block;width:10px;height:10px;background-color:transparent;border-radius:50%;margin-right:5px}section.about ::selection{color:#fff;background-color:#d75d00}section.skills{font-family:ArchitectsDaughter,sans-serif;background-image:linear-gradient(#dc6767 1px,transparent 1px),linear-gradient(to right,#dc6767 1px,transparent 1px);background-size:10px 10px;background-color:#edc9c9;background-image:linear-gradient(#dc6767 2px,transparent 2px),linear-gradient(90deg,#dc6767 2px,transparent 2px),linear-gradient(#dc6767 1px,transparent 1px),linear-gradient(90deg,#dc6767 1px,#edc9c9 1px);background-size:50px 50px,50px 50px,10px 10px,10px 10px;background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;width:100%;min-height:100dvh;position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:max-content max-content max-content max-content;justify-items:center;gap:20px}section.skills ::selection{background-color:#00dc25cc}section.skills div.heading-section{grid-column:1/-1;grid-row:1/2;width:100%;margin:0 0 70px;height:90px;background-image:linear-gradient(0deg,hsla(168,48%,31%,.9) 0%,hsla(168,53%,31%,.9) 11%,hsla(167,56%,31%,.9) 22%,hsla(166,61%,30%,.9) 33%,hsla(165,65%,30%,.9) 44%,hsla(165,70%,30%,.9) 56%,hsla(164,73%,29%,.9) 67%,hsla(163,78%,29%,.9) 78%,hsla(162,82%,29%,.9) 89%,hsla(162,86%,28%,.9) 100%);-webkit-backdrop-filter:invert(100%) contrast(500%) blur(1px);backdrop-filter:invert(100%) contrast(500%) blur(1px);text-align:center;color:#fff;box-shadow:0 1px 6px #000000b3;display:flex;align-items:center;justify-content:center}section.skills div.heading-section h2{letter-spacing:2px;text-transform:uppercase;font-size:2rem;text-shadow:1px 1px 1px #000000;color:#bdffeb}section.skills article.skills{grid-column:1/2;grid-row:2/5}section.skills article.skills ::selection{background-color:#e1ff00cc}section.skills article.secondary-skills{grid-column:2/3;grid-row:2/3}section.skills article.secondary-skills ::selection{background-color:#ff2cc3cc}section.skills article.other-skills{grid-column:2/3;grid-row:3/4}section.skills article.other-skills ::selection{background-color:#00dc25cc}section.skills div.decor{display:inline;grid-column:1/-1;grid-row:5/6;align-self:start;justify-self:center;height:200px}section.skills div.decor img{max-width:600px;width:100%;height:auto;filter:drop-shadow(0 1px 8px rgba(0,0,0,.3))}section.skills article.skills,section.skills article.secondary-skills,section.skills article.other-skills{padding:20px;margin-bottom:60px;max-width:700px}section.skills article.skills div.skills-box,section.skills article.secondary-skills div.skills-box,section.skills article.other-skills div.skills-box{box-shadow:0 4px 2px #0003;margin-bottom:60px;background-color:#fbf5ff;display:grid;height:fit-content;grid-template-columns:1fr max-content;grid-template-rows:max-content 1fr;border-radius:16px;width:100%;max-width:900px;perspective:2000px;animation-play-state:running}section.skills article.skills div.skills-box h4,section.skills article.secondary-skills div.skills-box h4,section.skills article.other-skills div.skills-box h4{font-weight:700;text-decoration:dotted;position:relative;z-index:2}section.skills article.skills div.skills-box div.section-heading-4,section.skills article.secondary-skills div.skills-box div.section-heading-4,section.skills article.other-skills div.skills-box div.section-heading-4{padding:20px 20px 0;text-align:left;grid-column:1/-1;grid-row:1/2;font-size:1.25rem}section.skills article.skills div.skills-box div.skills-text,section.skills article.secondary-skills div.skills-box div.skills-text,section.skills article.other-skills div.skills-box div.skills-text{color:#1e0db5;font-size:18px;padding:20px;grid-column:1/2;grid-row:2/-1;display:flex;justify-content:space-between;align-items:center}section.skills article.skills div.skills-box div.skill-img-container,section.skills article.secondary-skills div.skills-box div.skill-img-container,section.skills article.other-skills div.skills-box div.skill-img-container{grid-column:2/3;grid-row:1/-1;background-color:#d4d4d4;border-radius:0 16px 16px 0;padding:14px;height:100%;display:flex;flex-direction:column;justify-content:center}section.skills article.skills div.skills-box div.skill-img-container img,section.skills article.secondary-skills div.skills-box div.skill-img-container img,section.skills article.other-skills div.skills-box div.skill-img-container img{max-height:100%;width:150px;height:auto}section.skills article.skills div.skills-box.react div.skill-img-container,section.skills article.secondary-skills div.skills-box.react div.skill-img-container,section.skills article.other-skills div.skills-box.react div.skill-img-container{background-color:#000}section.skills article.skills div.skills-box.css div.skill-img-container,section.skills article.secondary-skills div.skills-box.css div.skill-img-container,section.skills article.other-skills div.skills-box.css div.skill-img-container{padding-top:1px}section.skills article.skills div.skills-box.css div.skill-img-container img,section.skills article.secondary-skills div.skills-box.css div.skill-img-container img,section.skills article.other-skills div.skills-box.css div.skill-img-container img{transform:scale(.75)}section.skills article.skills div.heading3-wrapper,section.skills article.secondary-skills div.heading3-wrapper,section.skills article.other-skills div.heading3-wrapper{display:flex}section.skills article.skills div.heading3-wrapper ::selection,section.skills article.secondary-skills div.heading3-wrapper ::selection,section.skills article.other-skills div.heading3-wrapper ::selection{color:#312cd0;background-color:#fff}section.skills article.skills div.heading3-wrapper h3,section.skills article.secondary-skills div.heading3-wrapper h3,section.skills article.other-skills div.heading3-wrapper h3{font-weight:700;width:fit-content;white-space:nowrap;text-align:center;margin-bottom:50px;text-transform:uppercase;padding:0 10px;letter-spacing:2px}section.skills article.skills div.heading3-wrapper h3.core,section.skills article.secondary-skills div.heading3-wrapper h3.core,section.skills article.other-skills div.heading3-wrapper h3.core{background-color:#e1ff00cc}section.skills article.skills div.heading3-wrapper h3.tools,section.skills article.secondary-skills div.heading3-wrapper h3.tools,section.skills article.other-skills div.heading3-wrapper h3.tools{background-color:#ff2cc3cc}section.skills article.skills div.heading3-wrapper h3.college,section.skills article.secondary-skills div.heading3-wrapper h3.college,section.skills article.other-skills div.heading3-wrapper h3.college{background-color:#00dc25cc}section.skills article.skills div.heading3-wrapper span.style-before,section.skills article.secondary-skills div.heading3-wrapper span.style-before,section.skills article.other-skills div.heading3-wrapper span.style-before{position:relative;left:0;right:auto;bottom:-20px;background-color:transparent;border-top:3px solid rgb(0,33,198);border-left:3px solid rgb(0,33,198);border-radius:3px;height:40px;width:100%;max-width:100%;margin-right:20px}section.skills article.skills div.heading3-wrapper span.style-after,section.skills article.secondary-skills div.heading3-wrapper span.style-after,section.skills article.other-skills div.heading3-wrapper span.style-after{position:relative;right:0;left:auto;bottom:-20px;background-color:transparent;border-top:3px solid rgb(0,33,198);border-right:3px solid rgb(0,33,198);border-radius:3px;height:40px;width:100%;max-width:100%;margin-left:20px}section.skills.greek{font-family:Mynerve,sans-serif;font-weight:700}section.services{background-image:linear-gradient(to right,hsla(306,100%,12%,.5),hsla(306,100%,12%,.5)),url(/assets/galaxy-b5517756.jpg);background-size:cover;isolation:isolate;background-position:bottom;position:relative;height:100%;width:100%;min-height:100dvh}section.services div.heading-section{width:100%;margin:0 0 80px;height:90px;font-family:Orbitron,sans-serif;background-color:#424aff80;text-align:center;text-shadow:1px 1px 1px #000000;color:#fff;font-size:2.25rem;text-transform:uppercase;letter-spacing:2px;box-shadow:0 1px 6px #000000b3;display:flex;align-items:center;justify-content:center}section.services div.heading-section h2{letter-spacing:4px;font-size:2rem}section.services div.content-wrap{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap-reverse;justify-content:space-around;row-gap:80px;column-gap:20px;padding:0 20px 80px}section.services div.content-wrap article.services-wrapper{box-shadow:0 4px 2px #0003;background-color:#fff;width:580px;min-width:500px;max-width:100%;min-height:543px;display:flex;align-self:center;flex-direction:column;border-radius:10px;font-size:1.25rem;color:#fff;transition:.5s}section.services div.content-wrap article.services-wrapper.wordpress{background-image:linear-gradient(rgba(26,72,129,.7),rgba(26,72,129,.7)),url(/assets/webdev-64af1bb0.png);background-repeat:no-repeat;background-size:contain;background-position:center}section.services div.content-wrap article.services-wrapper.react{background-image:linear-gradient(rgba(45,45,45,.7),rgba(45,45,45,.7)),url(/assets/react-bg-915ad437.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}section.services div.content-wrap article.services-wrapper.css{background-image:url(/assets/tailwind-f09770a9.png),linear-gradient(rgba(130,0,147,.5),rgba(130,0,147,.5)),url(/assets/random-86ad696d.jpg);background-repeat:no-repeat;background-position:97% 95%,center,center;background-size:120px,cover,cover}section.services div.content-wrap article.services-wrapper div.heading-area{text-align:center;padding:40px 0;border-top-left-radius:10px;border-top-right-radius:10px;letter-spacing:2px;text-shadow:1px 1px 1px #000000}section.services div.content-wrap article.services-wrapper div.heading-area h3{font-size:1.375rem;font-weight:700;margin:0}section.services div.content-wrap article.services-wrapper div.heading-area.wordpress{background-image:linear-gradient(rgba(26,72,129,.8),rgba(26,72,129,.8)),url(/assets/wordpress-8d1c0ebb.png),url(/assets/php-326d1986.png);background-repeat:no-repeat;background-position:98% 50%,2% 50%;background-size:auto,auto 90%,auto 90%}section.services div.content-wrap article.services-wrapper div.heading-area.react{background-color:#2d2d2d;background-image:url(/assets/react2-86657087.png),url(/assets/javascript3-a9a461b9.png);background-repeat:no-repeat;background-position:2% 50%,98% 50%;background-size:90px}section.services div.content-wrap article.services-wrapper div.heading-area.css{background-color:#820093;background-image:url(/assets/sass-cf33e1a3.png),url(/assets/css-06a5b813.png);background-repeat:no-repeat;background-position:3% 50%,97% 50%;background-size:105px,75px}section.services div.content-wrap article.services-wrapper div.body-content{padding:20px;height:100%;width:100%;display:flex;flex-direction:column;align-items:center}section.services div.content-wrap article.services-wrapper div.body-content h4{text-align:center;text-transform:uppercase}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper{border-radius:10px;padding:10px 5px}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper.wordpress{background-color:#1a4881b3}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper.react{background-color:#2d2d2dcc}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper.css{background-color:#820093cc}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper ul.wp-list{list-style-type:"👉⠀";vertical-align:middle;margin:20px 30px 0}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper ul.wp-list li{position:relative;margin-bottom:10px}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper ul.wp-list li li:before{content:"👉";display:inline-block;vertical-align:middle;margin-right:5px}section.services.greek{font-family:Arial,sans-serif}section.services ::selection{background-color:#bc00c0;color:#fff}section.services.blur:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:blur .5s ease-in forwards}section.services.unblur:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:unblur .5s ease-in}article h3.skills,article h3.services{font-size:1.625rem}section.portfolio{min-height:100dvh;background-image:linear-gradient(to top,hsla(272,85%,56%,.5),hsla(272,84%,33%,.7)),url(/assets/v3-f68c63bb.png),url(/assets/v8-82d350d8.png);background-color:#952fee80;display:grid;background-attachment:fixed;grid-template-rows:max-content 1fr;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative}section.portfolio div.heading-section-portfolio{grid-row:1/2;text-align:center;text-transform:uppercase;letter-spacing:2px;background-image:linear-gradient(0deg,transparent 50%,hsla(272,92%,30%,.7) 50%);background-size:10px 10px;background-color:#250345b3;height:100px;display:flex;justify-content:center;align-items:center;font-family:Orbitron,sans-serif;color:#ffe4ff}section.portfolio div.heading-section-portfolio h2{letter-spacing:4px;padding:0;margin:0;font-size:2rem;text-shadow:1px 1px rgb(217,22,217)}section.portfolio article.content-wrapper{grid-row:2/3;grid-column:1/-1;justify-self:center;align-self:center;padding:0 40px;border-radius:8px;max-width:1100px;width:100%;color:#c2c2c2;background-image:linear-gradient(135deg,hsl(0,0%,16%) 0%,hsl(0,0%,16%) 8%,hsl(0,0%,16%) 15%,hsl(0,0%,16%) 23%,hsl(0,0%,16%) 31%,hsl(0,0%,16%) 38%,hsl(0,0%,16%) 46%,hsl(0,0%,16%) 54%,hsl(0,0%,16%) 62%,hsl(0,0%,17%) 69%,hsl(0,0%,17%) 77%,hsl(0,0%,17%) 85%,hsl(0,0%,17%) 92%,hsl(0,0%,17%) 100%);box-shadow:0 0 15px 2px #0006}section.portfolio article.content-wrapper h3.portfolio-subheading{font-family:Orbitron,sans-serif;text-align:center;position:relative;text-transform:uppercase;font-size:1.3rem;letter-spacing:3px;padding:40px 0 20px;margin-bottom:20px;border-bottom:1px solid rgb(117,117,117)}section.portfolio article.content-wrapper h3.portfolio-subheading:before{content:"";position:absolute;border-radius:50%;width:18px;height:18px;background-color:#00e5ff;right:30px;bottom:50%;top:50%;vertical-align:middle}section.portfolio article.content-wrapper h3.portfolio-subheading:after{content:"";position:absolute;border-radius:50%;width:18px;height:18px;background-color:#e0f;right:0;bottom:50%;top:50%;vertical-align:middle}section.portfolio article.content-wrapper div.projects ul.projects-list{list-style:none;padding:0;display:grid;width:100%;column-gap:15px;row-gap:25px;justify-items:center;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-template-rows:auto}section.portfolio article.content-wrapper div.projects ul.projects-list li.project{height:100%;width:100%;max-width:250px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;background-color:#434343}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure{padding:20px 20px 0;background-color:#f7f7f7;height:240px;width:100%;color:#000;display:flex;flex-direction:column;justify-content:space-between}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.proj-img{background-color:#e176e1;width:100%;height:100%;max-height:166px;overflow:hidden;position:relative}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.proj-img.img-8:before{content:"You Are Here";color:#fff;text-shadow:1px 1px 2px #000;position:absolute;text-transform:uppercase;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;height:100%;transform:rotate(-40deg);letter-spacing:4px;font-weight:700;font-family:Orbitron,sans-serif;z-index:0}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure figcaption{background-color:#e9fff8}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo{margin-bottom:2px}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo a.link{letter-spacing:2px;background-color:#3100a3;color:#ffe570;color:#fff;padding:2px 5px;transition:all .2s}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo a.link:visited{background-color:#3100a3;color:#cea8ff}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo a.link:visited{background-color:#2c00cc;color:#fffdd6}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo a.link:hover{background-color:#00668f;color:#a8ffef;letter-spacing:3px}section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.github-repo a.link:active{background-color:#00a881;color:#e8e8e8;letter-spacing:1px}section.portfolio article.content-wrapper div.projects ul.projects-list li.project div.project-category{min-height:48px;display:flex;align-items:center}section.portfolio article.content-wrapper div.projects ul.projects-list .tictactoe,section.portfolio article.content-wrapper div.projects ul.projects-list .analog-clock,section.portfolio article.content-wrapper div.projects ul.projects-list .calorie-tracker,section.portfolio article.content-wrapper div.projects ul.projects-list .numbers-game,section.portfolio article.content-wrapper div.projects ul.projects-list .todo-app,section.portfolio article.content-wrapper div.projects ul.projects-list .thinkcreate,section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio{width:100%;height:100%;overflow:hidden;transition:all .3s}section.portfolio article.content-wrapper div.projects ul.projects-list .tictactoe:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .analog-clock:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .calorie-tracker:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .numbers-game:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .todo-app:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .thinkcreate:hover,section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio:hover{transform:scale(1.1)}section.portfolio article.content-wrapper div.projects ul.projects-list .tictactoe:active,section.portfolio article.content-wrapper div.projects ul.projects-list .analog-clock:active,section.portfolio article.content-wrapper div.projects ul.projects-list .calorie-tracker:active,section.portfolio article.content-wrapper div.projects ul.projects-list .numbers-game:active,section.portfolio article.content-wrapper div.projects ul.projects-list .todo-app:active,section.portfolio article.content-wrapper div.projects ul.projects-list .thinkcreate:active,section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio:active{filter:sepia(100%) blur(2px);transform:scale(1)}section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio{position:relative;z-index:1}section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio:hover{cursor:pointer}section.portfolio article.content-wrapper div.projects ul.projects-list .portfolio:active{cursor:not-allowed;opacity:0}section.portfolio.greek{font-family:Arial,sans-serif}section.portfolio hr.separator{margin-top:20px;border-color:#757575;height:1px}section.portfolio div.github-profile{display:flex;justify-content:center;align-items:center;padding:20px 0}section.portfolio div.github-profile a.link{color:#c2c2c2;padding:10px 15px;background-color:#323232;letter-spacing:3px;text-decoration:none;text-transform:uppercase;text-align:center;transition:all .2s}section.portfolio div.github-profile a.link:hover{background-color:#404040}section.portfolio div.github-profile a.link:active{transform:scale(.97);background-color:#373048}section.portfolio ::selection{color:#fff;background-color:#99006b}body.greek section.portfolio article.content-wrapper div.projects ul.projects-list li.project figure div.proj-img.img-8:before{content:"Βρίσκεστε Εδώ";font-family:Roboto,sans-serif}section.contact{background-image:linear-gradient(to right,rgba(51,79,170,.5),rgba(51,79,170,.5)),url(/assets/msg-51773edf.jpg);background-size:cover;background-attachment:fixed;overflow-x:hidden;min-height:100dvh;color:#d5dfff}section.contact div.heading-area{font-family:Orbitron,sans-serif;text-align:center;height:100px;background:rgba(1,14,58,.1);background:linear-gradient(to bottom,rgba(1,14,58,.5),transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}section.contact div.heading-area h2{text-transform:uppercase;letter-spacing:4px;font-size:2rem}section.contact article.container{display:flex;justify-content:center;align-items:center;height:fit-content;min-height:calc(100vh - 100px)}section.contact article.container div.contact-info-wrapper{position:relative;min-height:fit-content;max-width:100%;font-size:1.625rem}section.contact article.container div.contact-info-wrapper div.contact-info-content{display:flex;flex-direction:column;justify-content:space-evenly;background-color:#010e3a66;box-shadow:0 0 16px #010e3866;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:60px 80px;perspective:150rem;backface-visibility:hidden;border-radius:8px;max-width:100%;height:100%;min-height:780px}section.contact article.container div.contact-info-wrapper h3.contact-info-wrapper-heading{font-size:1.5rem;text-align:center;text-transform:uppercase;letter-spacing:3px;margin:0 0 30px;letter-spacing:2px;color:#d1f3ff}section.contact article.container div.contact-info-wrapper ul.contact-info-list{list-style:none;padding:0;width:fit-content;max-width:100%;font-size:1.5rem;display:flex;flex-direction:column;text-align:left;justify-content:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.separator{margin:20px 0;width:100%;max-width:inherit;height:3px;background-color:#ffffff80;display:block}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper{width:auto;max-width:100%;text-align:left}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.email>span.desc:before{content:"📫";margin-right:10px;width:35px;display:inline-block;text-align:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.phone>span.desc:before{content:"📱";margin-right:10px;width:35px;display:inline-block;text-align:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.im>span.desc:before{content:"💬";margin-right:10px;width:35px;display:inline-block;text-align:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.social>span.desc:before{content:"👍";margin-right:10px;width:35px;display:inline-block;text-align:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.website>span.desc:before{content:"🌎";margin-right:10px;width:35px;display:inline-block;text-align:center}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper span.desc{color:#e998ff;display:inline-block}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper span.desc+span{color:#ffffff80}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper span.desc:not(:last-child):after{content:"|";color:#ffffff80}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper a{color:#ff73b2;text-decoration:none;width:fit-content;transition:all .3s;padding-bottom:3px}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper a:is(.email,.phone,.website):hover{box-shadow:inset 0 -3px #86dabf;background-color:#86dabf33}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper a:is(.email,.phone,.website):active{box-shadow:inset 0 -3px #fff36b;background-color:#fff36b33}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper a svg:hover{transform:scale(1.1);filter:contrast(130%) saturate(120%)}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper a svg{display:inline;vertical-align:middle;width:50px;height:auto;transition:all .3s}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.name{text-align:center;font-weight:700}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.name span{border-top:1px solid rgba(91,109,166,.7);border-bottom:1px solid rgba(91,109,166,.7);letter-spacing:3px;text-transform:uppercase}section.contact article.container li.switch{text-align:center}section.contact article.container li.switch button.btn{margin:0;padding:6px 20px;font-size:1.5rem;background-color:#010e3a66;border:none;border:3px ridge #f5b6ff;border-radius:9999px;color:#f5b6ff;cursor:pointer;transition:all .2s}section.contact article.container li.switch button.btn:hover{border:3px dashed #e748ff;color:#e748ff;background-color:#010e3a99}section.contact article.container li.switch button.btn:active{border-style:dotted;background-color:#010e3acc;transform:scale(.96)}section.contact.greek{font-family:Arial,sans-serif}section.contact ::selection{background-color:#000;color:hwb(130 0% 0%)}div.form-heading h3{text-align:center;text-transform:uppercase;letter-spacing:3px;font-size:1.5rem;color:#d1f3ff}div.container.form-container{display:flex;flex-direction:column;justify-content:space-evenly;perspective:150rem;padding:40px 80px;backface-visibility:hidden;transform:rotateY(180deg);max-width:100%;height:100%;position:absolute;top:0;left:0;width:100%;background-color:#010e3a66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 0 16px #010e3866;border-radius:8px}div.container.form-container .contact-form div.form-group{margin:20px 0;display:flex;flex-direction:column;font-size:1.3rem}div.container.form-container .contact-form div.form-group fieldset{border:2px solid #d1f3ff;border-radius:8px;padding:20px;margin-bottom:10px}div.container.form-container .contact-form div.form-group fieldset legend{font-size:1.1em;font-weight:700;color:#ffb2e7;padding:0 10px}div.container.form-container .contact-form div.form-group input{background-color:#010e3a80;color:#ffc300;border-radius:4px;height:40px;padding:4px 6px;border:none;resize:horizontal;max-width:100%;width:100%;transition:all .2s}div.container.form-container .contact-form div.form-group input::placeholder{color:#997500}div.container.form-container .contact-form div.form-group input:focus-visible{outline:1px solid #00fffb}div.container.form-container .contact-form div.form-group input[disabled]{background-color:#82828280;color:#c1c1c1;cursor:not-allowed}div.container.form-container .contact-form div.form-group input[disabled]::placeholder{color:#c1c1c1}div.container.form-container .contact-form div.form-group input:-webkit-autofill,div.container.form-container .contact-form div.form-group input::-webkit-spelling-error,div.container.form-container .contact-form div.form-group input textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px hsl(46,100%,28%) inset;-webkit-text-fill-color:hsl(46,100%,76%);color:#ffe285}div.container.form-container .contact-form div.form-group input:-webkit-autofill:first-line{font-size:1.3rem}div.container.form-container .contact-form .btn-group{display:flex;justify-content:center;flex-wrap:wrap;gap:30px}div.container.form-container .contact-form .btn-group button.button{box-shadow:0 4px 3px #0003;background-color:#ffb2e7;color:#fff;font-size:1.1rem;border:none;width:fit-content;white-space:nowrap;border-radius:6px;padding:7px 15px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-weight:700;transition:all .2s;text-shadow:1px 1px 1px #000000}div.container.form-container .contact-form .btn-group button.button:hover:not([disabled]){filter:brightness(1.2)}div.container.form-container .contact-form .btn-group button.button:active:not([disabled]){box-shadow:0 2px 1px #0003;transform:scale(.96)}div.container.form-container .contact-form .btn-group button.button:focus-visible{outline:1px solid #00fffb}div.container.form-container .contact-form .btn-group button.button.submit{background:rgb(119,16,172);background:linear-gradient(0deg,rgb(119,16,172) 0%,rgb(196,12,179) 100%);flex:2}div.container.form-container .contact-form .btn-group button.button.submit:active:not([disabled]){background:rgb(119,16,172);background:linear-gradient(0deg,rgb(196,12,179) 0%,rgb(119,16,172) 100%)}div.container.form-container .contact-form .btn-group button.button.cancel{background:rgb(0,125,182);background:linear-gradient(0deg,rgb(0,85,189) 0%,rgb(0,125,182) 100%);flex:1}div.container.form-container .contact-form .btn-group button.button.cancel:active:not([disabled]){background:rgb(0,130,152);background:linear-gradient(0deg,rgb(0,125,182) 0%,rgb(0,85,189) 100%)}div.container.form-container .contact-form .btn-group button.button[disabled]{background:rgb(144,144,144);cursor:not-allowed}div.container.form-container .contact-form textarea{background-color:#010e3a80;border-radius:4px;padding:4px 6px;border:none;color:#ffc300;height:6rem;resize:none;max-width:100%;width:100%;transition:all .2s}div.container.form-container .contact-form textarea::placeholder{color:#997500}div.container.form-container .contact-form textarea:focus-visible{outline:1px solid #00fffb}div.container.form-container .contact-form textarea[disabled]{background-color:#82828280;color:#c1c1c1;cursor:not-allowed}div.container.form-container .contact-form textarea[disabled]::placeholder{color:#c1c1c1}div.container.form-container .contact-form div.hidden-field{display:none}div.container.form-container div.ReCAPTCHA{display:flex;justify-content:center;align-items:center;margin:20px 0}div.container.form-container div.form-submitted-success,div.container.form-container div.form-submitted-failure{position:absolute;left:50%;width:80%;transform:translate(-50%,-50%);top:40%;color:#ffb2e7}div.container.form-container div.form-submitted-success h4,div.container.form-container div.form-submitted-failure h4{margin-bottom:20px}div.container.form-container div.form-submitted-success div.btn-div,div.container.form-container div.form-submitted-failure div.btn-div{display:flex;justify-content:right}div.container.form-container div.form-submitted-success button.success-back-btn,div.container.form-container div.form-submitted-success button.failure-back-btn,div.container.form-container div.form-submitted-failure button.success-back-btn,div.container.form-container div.form-submitted-failure button.failure-back-btn{box-shadow:0 4px 3px #0003;background-color:#ff4fb3;color:#fff;font-size:1.1rem;border:none;border-radius:6px;padding:7px 15px;text-transform:uppercase;letter-spacing:2px;cursor:pointer;font-weight:700;transition:all .2s;text-shadow:1px 1px 1px #000000}div.container.form-container div.form-submitted-success button.success-back-btn:hover,div.container.form-container div.form-submitted-success button.failure-back-btn:hover,div.container.form-container div.form-submitted-failure button.success-back-btn:hover,div.container.form-container div.form-submitted-failure button.failure-back-btn:hover{filter:brightness(1.2)}div.container.form-container div.form-submitted-success button.success-back-btn:active,div.container.form-container div.form-submitted-success button.failure-back-btn:active,div.container.form-container div.form-submitted-failure button.success-back-btn:active,div.container.form-container div.form-submitted-failure button.failure-back-btn:active{box-shadow:0 2px 1px #0003;transform:scale(.96)}div.container.form-container div.form-submitted-success button.success-back-btn:focus-visible,div.container.form-container div.form-submitted-success button.failure-back-btn:focus-visible,div.container.form-container div.form-submitted-failure button.success-back-btn:focus-visible,div.container.form-container div.form-submitted-failure button.failure-back-btn:focus-visible{outline:1px solid #00fffb}div.container.form-container div.form-submitted-success button.failure-back-btn,div.container.form-container div.form-submitted-failure button.failure-back-btn{background-color:#e05200}div.container.form-container div.form-submitted-failure{color:#ff9a5f}div.privacy-policy{background-image:radial-gradient(circle,#006361,#00655a,#006651,#006744,#006736);color:#fff;min-height:calc(100vh - 250px);padding-top:100px;display:grid;grid-template-columns:160px 1fr}div.privacy-policy div.privacy-content{padding:20px 0;max-width:80vw;grid-column:2/3}div.privacy-policy div.privacy-content h1{margin-bottom:20px}div.privacy-policy div.btn-group{grid-column:1/2;grid-row:1/2;display:flex;justify-content:space-evenly;margin-right:20px;margin-left:20px;align-items:flex-start}div.privacy-policy div.btn-group div.x-btn,div.privacy-policy div.btn-group div.back-btn{display:flex;align-items:center;justify-content:center;height:fit-content;background-color:#2b2b2bad;border-radius:50%;justify-self:center;margin-top:20px;cursor:pointer;transition:all .3s}div.privacy-policy div.btn-group div.x-btn a,div.privacy-policy div.btn-group div.back-btn a{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:50%;height:20px;width:20px;color:#fff;text-decoration:none}div.privacy-policy div.btn-group div.x-btn:hover,div.privacy-policy div.btn-group div.back-btn:hover{background-color:#2b2b2b}div.privacy-policy div.btn-group div.x-btn:active,div.privacy-policy div.btn-group div.back-btn:active{transform:scale(.95)}div.privacy-policy p:not(:last-child){margin-bottom:20px}div.privacy-policy ::selection{color:#fff;background-color:#840039}div.photo-credits{background-image:linear-gradient(to right bottom,#1190af,#0090da,#0086fd,#876bff,#e812eb);color:#fff;min-height:calc(100vh - 250px);padding-top:100px;display:grid;grid-template-columns:160px 1fr}div.photo-credits div.photo-credits-content{padding:20px 0;max-width:80vw;grid-column:2/3}div.photo-credits div.photo-credits-content h1{margin-bottom:20px}div.photo-credits div.btn-group{grid-column:1/2;grid-row:1/2;display:flex;justify-content:space-evenly;margin-right:20px;margin-left:20px;align-items:flex-start}div.photo-credits div.btn-group div.x-btn,div.photo-credits div.btn-group div.back-btn{display:flex;align-items:center;justify-content:center;height:fit-content;background-color:#2b2b2bad;border-radius:50%;justify-self:center;margin-top:20px;cursor:pointer;transition:all .3s}div.photo-credits div.btn-group div.x-btn a,div.photo-credits div.btn-group div.back-btn a{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:50%;height:20px;width:20px;color:#fff;text-decoration:none}div.photo-credits div.btn-group div.x-btn:hover,div.photo-credits div.btn-group div.back-btn:hover{background-color:#2b2b2b}div.photo-credits div.btn-group div.x-btn:active,div.photo-credits div.btn-group div.back-btn:active{transform:scale(.95)}div.photo-credits div.btn-group p:not(:last-child){margin-bottom:20px}div.photo-credits ::selection{color:#000;background-color:#cf0}div.terms-of-use{background-image:linear-gradient(to right,#ba0068,#c00057,#c30e46,#c32034,#c03022,#be3319,#bc360e,#ba3900,#bb3100,#bd2700,#be1900,#bf0000);color:#fff;min-height:calc(100vh - 250px);padding-top:100px;display:grid;grid-template-columns:160px 1fr}div.terms-of-use div.terms-content{padding:20px 0;max-width:80vw;grid-column:2/3}div.terms-of-use div.terms-content h1{margin-bottom:20px}div.terms-of-use div.btn-group{grid-column:1/2;grid-row:1/2;display:flex;justify-content:space-evenly;margin-right:20px;margin-left:20px;align-items:flex-start}div.terms-of-use div.btn-group div.x-btn,div.terms-of-use div.btn-group div.back-btn{display:flex;align-items:center;justify-content:center;height:fit-content;background-color:#2b2b2bad;border-radius:50%;justify-self:center;margin-top:20px;cursor:pointer;transition:all .3s}div.terms-of-use div.btn-group div.x-btn a,div.terms-of-use div.btn-group div.back-btn a{display:flex;align-items:center;justify-content:center;padding:20px;border-radius:50%;height:20px;width:20px;color:#fff;text-decoration:none}div.terms-of-use div.btn-group div.x-btn:hover,div.terms-of-use div.btn-group div.back-btn:hover{background-color:#2b2b2b}div.terms-of-use div.btn-group div.x-btn:active,div.terms-of-use div.btn-group div.back-btn:active{transform:scale(.95)}div.terms-of-use p:not(:last-child){margin-bottom:20px}div.terms-of-use ::selection{color:#fff;background-color:#460084}html{height:100%;scroll-behavior:smooth}body{font-family:Ubuntu,sans-serif;height:100%;--heading-duration: .9s;--polaroid-img-duration: .7s;--text-cloud-duration: .7s;--btn-group-duration: .7s;--polaroid-img-delay: calc(var(--heading-duration) - .1s);--text-cloud-delay: calc(var(--heading-duration) - .2s);--btn-group-delay: calc(var(--heading-duration) - .2s)}body:has(ul.mobile){overflow-y:hidden}body.greek{font-family:Roboto,sans-serif}div#root{min-height:100%!important;display:grid;grid-template-columns:1fr;grid-template-rows:max-content minmax(max-content,1fr) max-content}div.container{grid-row:2/3;height:max-content}p:not(:last-child){margin-bottom:10px}dialog.legal-modal{position:fixed;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:100%;bottom:0;left:0;right:0;border:none;background-color:#44091996;color:#fff;outline:none}dialog.legal-modal a{color:#ffabc8;font-weight:700;transition:all .2s}dialog.legal-modal a:hover{color:#cfabff}dialog.legal-modal div.parent>*{margin-bottom:4px}dialog.legal-modal div.parent h3{margin-bottom:12px}dialog.legal-modal div.parent span.bold{font-weight:700}dialog.legal-modal div.btn-group{margin-top:20px;display:flex;justify-content:center;gap:10px}dialog.legal-modal div.btn-group button{font-size:1.15rem;padding:.4em 1em;transition:all .3s}dialog.legal-modal div.btn-group button.accept{cursor:pointer;text-shadow:1px 1px 1px #000000;background-color:#169716;border:none;color:#fff}dialog.legal-modal div.btn-group button.accept:hover{color:#fad6ff;background-color:#03bd03}dialog.legal-modal div.btn-group button.decline{cursor:pointer;text-shadow:1px 1px 1px #000000;background-color:#c13820;border:none;color:#fff}dialog.legal-modal div.btn-group button.decline:hover{color:#fad6ff;background-color:#d01f00}dialog.legal-modal div.btn-group button:active{position:relative;top:1px}dialog.legal-modal ::selection{background-color:#00796f}::-webkit-scrollbar{width:15px;transition:all .3s}::-webkit-scrollbar-track{background:#333;transition:all .3s}::-webkit-scrollbar-thumb{background:#636363;border-radius:10px;transition:all .3s;cursor:grab}::-webkit-scrollbar-thumb:active{cursor:grabbing}::-webkit-scrollbar-thumb:hover{background:#7c7c7c;transition:all .3s}::-webkit-scrollbar-thumb:active{background:#959595}@keyframes tilt{25%{transform:rotate(3deg) scale(.97)}50%{transform:rotate(-3deg) scale(1.03)}75%{transform:rotate(1deg) scale(.99)}90%{transform:rotate(-1deg) scale(1.01)}}.tilt{animation:tilt .5s ease-in}@keyframes scaleUp{0%{transform:scale(1) rotate(2deg);cursor:crosshair}50%{transform:scale(1.05) rotate(-2deg)}to{transform:scale(1.1);filter:contrast(125%) brightness(125%);cursor:crosshair}}.scaleUp{z-index:1;animation:scaleUp .5s linear both}@keyframes scaleDown{0%{transform:scale(1.1) rotate(-2deg);filter:contrast(125%) brightness(125%)}50%{transform:scale(1.05) rotate(2deg)}to{transform:scale(1);filter:contrast(100%) brightness(100%)}}.scaleDown{z-index:1;animation:scaleDown .5s linear both}@keyframes navbar-logo-enter{0%{transform:translate(-100vw)}50%{transform:translate(60px)}}.navbar-logo-enter{animation:navbar-logo-enter .5s ease-out .8s both}@keyframes home-start{0%{background-position:center,right -44% bottom 6%}}.home-start{animation:home-start .8s ease-out}@keyframes navbar-menu-enter{0%{transform:scale(0);opacity:0}}.navbar-menu-enter{animation:navbar-menu-enter .5s ease-out .7s both}@keyframes heading-enter{0%{transform:scale(0);letter-spacing:.1px;opacity:0}50%{letter-spacing:2px;transform:scale(1.2)}to{letter-spacing:initial;transform:scale(1);opacity:1}}.heading-enter{animation:heading-enter var(--heading-duration) ease-out 1.1s both}@keyframes polaroid-img-enter{0%{transform:translate(-100%,100%) rotateX(-190deg) rotateY(-360deg) scale(0)}}.polaroid-img-enter{animation:polaroid-img-enter 1.2s ease-out 1.6s both}@keyframes text-cloud-enter{0%{opacity:0;transform:rotateX(200deg) rotateY(180deg) scale(0);transform-origin:left}}.text-cloud-enter{animation:text-cloud-enter var(--text-cloud-duration) ease-out 2.8s backwards}@keyframes btn-group-enter{0%{opacity:0;transform:rotateX(-90deg) translateY(100vh) rotate(350deg) scale(0);transform-origin:top}}.btn-group-enter{animation:btn-group-enter var(--btn-group-duration) ease-out 3.5s backwards}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.slideOut{animation:slideOut .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}}.fadeIn{animation:fadeIn .2s ease-in both}.formFadeIn{animation:fadeIn .5s ease-in forwards}@keyframes fadeInModal{0%{opacity:0;transform:translateY(100%);line-height:2.5;background-color:#6600ffa7;filter:contrast(150%) blur(4px)}50%{transform:scale(1.05)}}.fadeInModal{animation:fadeInModal .75s ease-out 4.5s both}@keyframes fadeInTxt{0%{color:transparent}}.fadeInTxt{animation:fadeInTxt .2s ease-in}@keyframes fadeInTop{0%{transform:translateY(100%);line-height:3;opacity:0}to{transform:translateY(0);line-height:1.5;opacity:1}}.fadeInTop{animation:fadeIn .8s ease-in 1.2s both}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation:fadeOut .4s ease-in both}.formFadeOut{animation:fadeOut .5s ease-in forwards}.navbarSlideIn{animation:navbarSlideIn .5s linear}@keyframes navbarSlideIn{0%{transform:translateY(-100%)}}.navbarInteractiveSlideIn{animation:navbarSlideIn .5s ease-in forwards}@keyframes blink{0%{background-color:#3a0818;filter:blur(1px) drop-shadow(0px 1px 2px #880a32)}}@keyframes blinkAlt{0%{opacity:0}}@keyframes blur{0%{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}}@keyframes unblur{0%{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}to{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}@keyframes rotate{0%{transform:rotateY(0)}33%{transform:rotateY(59.4deg) rotate(-4deg)}67%{transform:rotateY(120.6deg) rotate(4deg)}to{transform:rotateY(180deg) rotate(0)}}.rotate{animation:rotate .6s ease-in forwards}@keyframes rotate-opposite{0%{transform:rotateY(-180deg)}33%{transform:rotateY(-120.6deg) rotate(-4deg)}67%{transform:rotateY(-59.4deg) rotate(4deg)}to{transform:rotateY(0) rotate(0)}}.rotate-opposite{animation:rotate-opposite .6s ease-in forwards}@media screen and (max-width: 75rem){html[lang=el] header#header.site-header nav ul.navbar{padding-left:0}}@media screen and (max-width: 71.87rem){html[lang=el] header#header.site-header nav ul.navbar{padding-left:0}html[lang=el] header#header.site-header nav ul.navbar a{padding:20px 10px}html[lang=el] section.about article div.heading-section h2.heading-about{font-size:2.3rem}section.introduction div.section-container div.heading-section{margin-bottom:50px}section.introduction div.section-container div.heading-section h1{font-size:2.2rem}section.about article div.styling{background-position-x:center}}@media screen and (max-width: 65.62rem){html[lang=el] header#header.site-header nav ul.navbar{padding:0}html[lang=el] header#header.site-header nav ul.navbar li{letter-spacing:initial}html[lang=el] header#header.site-header nav ul.navbar li:last-child{margin-left:5px}html[lang=el] header#header.site-header nav ul.navbar li a{padding:20px 5px}html[lang=el] section.about article div.heading-section h2.heading-about{font-size:2.2rem;letter-spacing:.8px}header#header.site-header nav ul.navbar{padding:0}header#header.site-header nav ul.navbar li{letter-spacing:initial}header#header.site-header nav ul.navbar li:last-child{margin-left:5px}header#header.site-header nav ul.navbar li a{padding:20px 10px}section.introduction div.section-container div.main-content div.btn-group{gap:20px}section.about article div.main-content div.btn-group div.action-btns a{font-size:1rem}}@media screen and (max-width: 56.25rem){html[lang=el] header#header.site-header{padding:10px}html[lang=el] header#header.site-header div.logo{max-width:75px}section.introduction div.section-container div.heading-section h1{font-size:2rem}section.skills{column-gap:0px}section.skills span.style-before,section.skills span.style-after{display:none}section.skills article.skills,section.skills article.secondary-skills,section.skills article.other-skills{padding:10px!important}section.skills article div.heading3-wrapper{min-width:-webkit-fill-available}section.about article div.main-content div.btn-group div.action-btns a{padding:10px 30px}}@media screen and (max-width: 50rem){html[lang=el] header#header.site-header nav ul.navbar li a{font-size:.9rem}html[lang=el] header#header.site-header nav ul.navbar.mobile li a{font-size:1.2rem}html[lang=el] header#header.site-header nav ul.navbar.mobile li div.lang-parent span{margin-left:15px;margin-right:15px}html:not([lang=el]) header#header.site-header nav ul.navbar.mobile li a{font-size:1.2rem}html:not([lang=el]) header#header.site-header nav ul.navbar.mobile li div.lang-parent a{padding:20px 15px}html:not([lang=el]) header#header.site-header nav ul.navbar.mobile li div.lang-parent span{margin-left:8px;margin-right:8px}section.introduction{padding-top:130px}section.introduction div.section-container div.heading-section{margin-bottom:20px}section.introduction div.section-container div.heading-section h1{font-size:1.8rem}section.introduction div.main-content{row-gap:50px;flex-direction:column}section.introduction div.main-content div.tilt-container{max-width:300px;grid-column:1/-1;grid-row:1/2}section.introduction div.main-content div.tilt-container figure.image-container{padding:20px 20px 50px}section.introduction div.main-content div.cloud{grid-column:1/-1;grid-row:2/3;position:relative;margin-top:20px;font-size:18px}section.introduction div.main-content div.cloud:before{content:"";position:absolute;top:-49px;left:50%;transform:translate(-50%);width:0;height:0;border-style:solid;border-width:0 50px 50px 50px;border-color:transparent transparent #a56052 transparent}section.introduction div.main-content div.cloud:after{display:none}section.introduction div.main-content button{grid-column:1/3;grid-row:3/-1;font-size:20px;gap:20px}section.introduction div.main-content div.btn-group button{font-size:16px;height:60px}section.about{background-image:linear-gradient(45deg,hsla(196,85%,26%,.9) 0%,hsla(196,85%,26%,.9) 11%,hsla(196,85%,26%,.9) 22%,hsla(196,85%,26%,.9) 33%,hsla(196,85%,26%,.9) 44%,hsla(196,85%,26%,.9) 56%,hsla(196,85%,26%,.9) 67%,hsla(196,85%,26%,.9) 78%,hsla(196,85%,26%,.9) 89%,hsla(196,85%,26%,.9) 100%),url(/assets/bg-about-txt-471864ef.jpg)}section.about article div.main-content{grid-column:1/-1}section.about article div.styling{grid-column:1/-1;z-index:-1;position:relative}section.about article div.heading-section h2.heading-about{grid-column:1/-1}section.skills span.style-before,section.skills span.style-after{display:revert}section.skills article.skills{grid-column:1/-1;grid-row:2/3}section.skills article.secondary-skills{grid-column:1/-1;grid-row:3/4}section.skills article.other-skills{grid-column:1/-1;grid-row:4/5}section.skills div.decor{grid-row:5/6;max-width:80vw}footer div.footer-content div.top-btn{padding-top:40px;grid-column:1/4;grid-row:1/2}footer div.footer-content div.legal-links{letter-spacing:initial;grid-column:1/4;justify-self:center;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:12px;grid-row:2/3;margin:0 10px}footer div.footer-content div.social-media{grid-column:1/4;grid-row:3/4;justify-self:center;margin-right:0}footer div.footer-content div.copyright{grid-column:1/4}html[lang=el] header#header.site-header{padding-right:2px;padding-left:2px}html[lang=el] header#header.site-header div.logo{max-width:75px}html[lang=el] header#header.site-header nav ul.navbar li:last-child{margin-left:3px}html[lang=el] header#header.site-header nav ul.navbar li a{padding:20px 5px}header#header.site-header nav ul.navbar li:last-child{margin-left:5px}header#header.site-header nav ul.navbar li a{padding:20px 8px}section.about article div.main-content div.btn-group div.action-btns a{padding:10px 40px;font-size:1.25rem}}@media screen and (max-width: 46.87rem){html[lang=el] header#header.site-header nav ul.navbar li a{padding:20px 4px}header#header.site-header{padding:10px}header#header.site-header div.logo{max-width:90px}}@media screen and (max-width: 45rem){header#header.site-header div.logo{max-width:100px}html[lang=el] header#header.site-header{padding-right:20px;padding-left:20px}html[lang=el] header#header.site-header div.logo{max-width:100px}section.introduction div.section-container div.main-content{row-gap:50px;padding:0}header#header.site-header nav div.hamburger{align-self:flex-end;position:relative;z-index:1;display:flex;height:6rem;justify-content:center;align-items:center;color:#fff;width:100px;transition:all .2s;cursor:pointer}header#header.site-header nav div.hamburger span{display:inline-block;width:3rem;height:2px;background-color:#ececec!important;color:#fff;position:relative;background-color:transparent;z-index:3;cursor:pointer}header#header.site-header nav div.hamburger span:before,header#header.site-header nav div.hamburger span:after{display:inline-block;width:3rem;height:2px;background-color:#ececec}header#header.site-header nav div.hamburger span:before{content:"";top:-.8rem;position:absolute;transition:all .2s}header#header.site-header nav div.hamburger span:after{content:"";top:.8rem;position:absolute;transition:all .2s}header#header.site-header nav div.hamburger.active span{background-color:transparent!important}header#header.site-header nav div.hamburger.active span:before{top:0;transform:rotate(135deg)}header#header.site-header nav div.hamburger.active span:after{top:0;transform:rotate(-135deg)}header#header.site-header nav div.hamburger:hover:not(.active) span:before{top:-1rem}header#header.site-header nav div.hamburger:hover:not(.active) span:after{top:1rem}header#header.site-header nav div.hamburger.active:hover span:before{transform:rotate(225deg)}header#header.site-header nav div.hamburger.active:hover span:after{transform:rotate(-45deg)}header#header.site-header nav ul.mobile{overflow:hidden;display:flex;flex-direction:column;justify-content:center;row-gap:2rem;align-items:center;height:100vh;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background-color:#150401}header#header.site-header nav ul.mobile li{display:inline-block}header#header.site-header nav ul li{display:none}section.services div.content-wrap article.services-wrapper{min-width:initial!important;width:100%}div.privacy-policy{grid-template-columns:1fr;grid-template-rows:min-content 1fr}div.privacy-policy div.privacy-content{padding:20px;grid-column:1/-1;grid-row:2/3;max-width:revert}div.privacy-policy div.btn-group{justify-content:center;gap:30px;grid-column:1/-1;grid-row:1/2}div.terms-of-use{grid-template-columns:1fr;grid-template-rows:min-content 1fr}div.terms-of-use div.terms-content{padding:20px;grid-column:1/-1;grid-row:2/3;max-width:revert}div.terms-of-use div.btn-group{justify-content:center;gap:30px;grid-column:1/-1;grid-row:1/2}div.photo-credits{grid-template-columns:1fr;grid-template-rows:min-content 1fr}div.photo-credits div.photo-credits-content{padding:20px;grid-column:1/-1;grid-row:2/3;max-width:revert}div.photo-credits div.btn-group{justify-content:center;gap:30px;grid-column:1/-1;grid-row:1/2}}@media screen and (max-width: 37.5rem){section.introduction{padding:130px 30px 30px}section.introduction div.section-container div.heading-section h1{font-size:1.6rem}section.contact article.container div.contact-info-wrapper div.contact-info-content{width:auto}}@media screen and (max-width: 35.62rem){section.contact article.container div.contact-info-wrapper div.contact-info-content{padding:60px 40px}section.contact article.container div.contact-info-wrapper div.container.form-container{padding:40px}}@media screen and (max-width: 31.25rem){body section>div>h2{font-size:1.6rem}section.introduction div.section-container div.main-content div.btn-group button{white-space:initial!important}section.about article div.heading-section h2.heading-about{font-size:2rem;letter-spacing:1px}section.about div.action-btns{flex-direction:column;margin:50px 10px}section.about div.btn-group{margin-top:10px;gap:30px!important}section.about div.btn-group div.drawing{height:fit-content!important}section.about div.btn-group div.drawing span{display:none}section.about div.btn-group div.drawing span.line-top{display:revert}section.about div.btn-group div.drawing span.line-top:after{height:80px!important}section.about div.btn-group div.drawing span.line-bottom{display:revert}section.about div.btn-group div.drawing span.line-bottom:after{content:"";position:absolute;top:10px!important;left:1px!important;transform:translate(-50%);border:2px solid #00fff1;width:10px!important;height:10px!important;background-color:transparent!important;border-radius:50%;margin-right:5px}section.about article div.main-content div.about-content-wrap div.main-text{width:95%;max-width:100%;padding:20px}section.skills div.heading-section h2.heading-services{font-size:1.5rem}section.skills div.heading3-wrapper{justify-content:center}section.skills div.heading3-wrapper h3{white-space:initial!important;max-width:100%}section.skills div.heading3-wrapper span.style-before,section.skills div.heading3-wrapper span.style-after{display:none}section.skills article.skills div.skills-box div.skill-img-container,section.skills article.secondary-skills div.skills-box div.skill-img-container,section.skills article.other-skills div.skills-box div.skill-img-container{grid-column:1/-1;grid-row:1/2;align-items:center;border-radius:16px 16px 0 0}section.skills article.skills div.skills-box div.section-heading-4,section.skills article.secondary-skills div.skills-box div.section-heading-4,section.skills article.other-skills div.skills-box div.section-heading-4{grid-column:1/-1;grid-row:2/3}section.skills article.skills div.skills-box div.skills-text,section.skills article.secondary-skills div.skills-box div.skills-text,section.skills article.other-skills div.skills-box div.skills-text{grid-column:1/-1;grid-row:3/4}section.services div.content-wrap{padding:0}section.services div.content-wrap article.services-wrapper div.heading-area.react{background-image:linear-gradient(rgba(45,45,45,.8),rgba(45,45,45,.8)),url(/assets/javascript3-a9a461b9.png),url(/assets/react2-86657087.png);background-size:contain}section.services div.content-wrap article.services-wrapper div.heading-area.css{background-image:linear-gradient(rgba(130,0,147,.8),rgba(130,0,147,.8)),url(/assets/css-06a5b813.png),url(/assets/sass-cf33e1a3.png);background-size:contain}section.portfolio article.content-wrapper h3.portfolio-subheading:before,section.portfolio article.content-wrapper h3.portfolio-subheading:after{display:none}section.portfolio div.heading-section-portfolio h2{font-size:1.5rem}section.contact article.container div.contact-info-wrapper div.container.form-container{padding:40px 20px}section.contact article.container div.contact-info-wrapper div.contact-info-content{padding:60px 20px}section.contact article.container div.contact-info-wrapper div.contact-info-content ul.contact-info-list>li.contact-list-item-wrapper:not(.social,.im){display:flex;flex-wrap:wrap}section.contact article.container div.contact-info-wrapper div.contact-info-content ul.contact-info-list>li.contact-list-item-wrapper:not(.social,.im) span.desc{flex:1 0 auto}section.contact article.container div.contact-info-wrapper div.contact-info-content li.contact-list-item-wrapper span.desc:not(span.desc.name):after{content:":"!important}section.contact div.heading-area h2{font-size:1.5rem}section.contact article.container li.switch button.btn{font-size:1.3rem}div.container.form-container .contact-form .btn-group button.button{font-size:1rem}section.contact article.container div.contact-info-wrapper{max-height:100%}}@media screen and (max-width: 21.87rem){section.about article div.main-content div.about-content-wrap div.main-text{font-size:1.1rem}section.about article div.main-content div.btn-group div.action-btns button{font-size:1rem}section.about article div.heading-section h2.heading-about{font-size:1.5rem}section.about article div.main-content div.btn-group div.action-btns a{font-size:1.15rem}div.heading3-wrapper{max-width:fit-content}div.heading3-wrapper h3{font-size:1.3rem}section.introduction{padding:130px 10px 10px}section.introduction div.section-container div.main-content div.btn-group a{font-size:1rem}section.services div.content-wrap article.services-wrapper div.heading-area h3{font-size:1.2rem}section.services div.content-wrap article.services-wrapper h4.list-item-heading{margin-bottom:20px}section.services div.content-wrap article.services-wrapper ul li{font-size:1.1rem}section.portfolio div.heading-section-portfolio h2{font-size:1.4rem}section.portfolio article.content-wrapper{padding:0 15px}section.portfolio article.content-wrapper div.projects ul.projects-list li{font-size:1.1rem}section.contact div.heading-area h2{font-size:1.4rem}section.contact article.container div.contact-info-wrapper div.container.form-container{padding:40px 10px}section.contact article.container div.contact-info-wrapper div.contact-info-content{padding:60px 10px}section.contact ul{font-size:1rem}section.contact div.ReCAPTCHA{transform:scale(.85)}section.contact div.container.form-container .contact-form div.form-group input{font-size:1.1rem}section.contact div.container.form-container .contact-form div.form-group input:-webkit-autofill:first-line{font-size:1.1rem}section.contact div.container.form-container .contact-form div.form-group textarea{font-size:1.1rem}section.skills div.heading-section h2.heading-services{font-size:1.4rem}section.services div.heading-section h2{font-size:1.4rem}section.services div.content-wrap article.services-wrapper div.body-content{max-width:fit-content;justify-content:center;align-items:center;padding:0}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper{align-self:center;border-radius:0}section.services div.content-wrap article.services-wrapper div.body-content div.card-wrapper ul.wp-list{margin:0 5px}section.contact article.container div.contact-info-wrapper div.contact-info-content{max-width:fit-content}li{font-size:1.3rem}section.contact article.container div.contact-info-wrapper h3.contact-info-wrapper-heading{font-size:1.3rem}div.form-heading h3{font-size:1.3rem}section.contact article.container{margin-top:5vh}section.contact article.container li.switch button.btn{font-size:1.09rem}footer div.footer-content{font-size:1rem}footer div.footer-content div.top-btn{max-width:fit-content}section.skills span.style-before,section.skills span.style-after{display:none}section.skills article.skills div.heading3-wrapper{justify-content:center}section.about article div.main-content div.btn-group div.action-btns a{font-size:1rem}div.container.form-container div.form-heading h3,div.container.form-container .contact-form div.form-heading h3{font-size:1.2rem}div.container.form-container .contact-form div.form-group input::placeholder{font-size:1rem}div.container.form-container .contact-form div.form-group label{font-size:1.2rem}div.container.form-container .contact-form textarea::placeholder{font-size:1rem}}@media screen and (max-width: 17rem){section.contact div.ReCAPTCHA{transform:scale(.75)}section.contact article.container div.contact-info-wrapper div.contact-info-content li{font-size:1.2rem}section.contact article.container div.contact-info-wrapper ul.contact-info-list li.contact-list-item-wrapper.name{letter-spacing:1px;font-size:1.2rem}}@media screen and (max-width: 16rem){section.contact div.ReCAPTCHA{transform:scale(.7)}}