@media(min-width:1440px){app-header header{max-width:1440px}app-hero main{max-width:1440px}app-hero .line:before{width:max(0px,(100vw - 1440px) / 2)!important}app-about main,app-skills main,app-portfolio main,app-reviews main,app-contact main{max-width:1440px}app-footer footer{max-width:1440px}app-legal section{max-width:1440px}}@media(min-width:1028px){app-header .burger,app-header .burger-btn{display:none!important}app-legal .back{display:none!important}}@media(max-width:1400px){app-hero>main{align-items:flex-end!important;height:calc(100vh - 210px)!important;overflow:hidden;position:relative;scrollbar-gutter:auto!important}app-hero>main>section{flex-direction:column;gap:36px;padding:0!important;height:fit-content!important}app-hero>main>.hero-img{left:50%!important;transform:translate(-50%);top:20px!important}app-hero>main>.hero-bg{height:100vh;left:-30px!important;top:280px!important;object-fit:cover;width:calc(155% + 30px)!important}app-hero>main>.hero-shadow{left:50%!important;transform:translate(-50%)!important;top:280px!important}#left{order:2;width:100%;height:fit-content}#right{order:1;height:fit-content}#right>div{gap:36px!important}#right .span-wrapper{display:none}app-about main{justify-content:center!important;width:100%;padding-left:24px!important;padding-inline:24px}app-about main>div{display:none!important}app-about main>section{width:100%!important}app-about main>section>section{width:100%!important}app-about main>section>section>div{align-items:flex-start!important}app-skills main{flex-direction:column!important;justify-content:flex-start!important;padding-left:0!important;gap:32px!important}app-skills #text,app-skills #info{display:contents}app-skills #headline{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:32px}app-skills #headline>h1{margin:0;grid-column:2}app-skills #headline>div{grid-column:3;height:4px;width:100%}app-skills #headline:before{content:"";grid-column:1}app-skills #overview{order:2;padding-bottom:12px}app-skills #skill-overview{order:3}app-skills #h2{order:4;text-align:center;word-break:normal}app-skills #therefore{order:5;text-align:center}app-skills button{order:6;transform-origin:top center!important}app-portfolio .bg-shadow,app-contact .bg-shadow{display:none}app-project section>div{flex-direction:column!important}app-project section>div>img{width:342px!important;height:213px!important;object-fit:cover!important}app-project section>div>div{align-items:flex-start!important}app-project section>div>div>p{text-align:left}app-project section>div>div>.btn-container{gap:50px!important}app-reviews main{padding-inline:0!important}app-reviews main>section{flex-direction:column!important}app-reviews .img-wrapper{width:auto}app-reviews .img-wrapper>.inline{display:block;height:4px}app-reviews .line{display:none}app-reviews #img{order:1}app-reviews #img>div{flex:1}app-reviews #img{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%}app-reviews #img>img{margin:0;grid-column:2}app-reviews #img>div{grid-column:3;width:100%}app-reviews #img:before{content:"";grid-column:1}app-reviews #comment{order:2;margin-inline:24px!important;padding:24px!important}app-reviews #comment>img{top:-50px;left:-19px}app-reviews .bg-shadow{zoom:1!important;top:-70%!important}app-contact main>.header{gap:4px!important}app-contact main>.header>div{width:20px!important}app-contact main>.content{flex-direction:column!important;gap:24px}app-contact main>.content .left,app-contact main>.content .right{padding-inline:24px!important}app-contact button{margin:0!important}app-contact .right>form{align-items:center!important}}@media(max-width:1028px){app-header .nav,app-header .language{display:none!important}app-header header{padding-inline:25px!important}app-footer footer{flex-direction:column!important;gap:40px;padding-block:66px!important;padding-inline:66px!important;height:380px!important}app-footer .left{display:contents!important}app-footer .left>a:first-child{order:1}app-footer .left .legal{order:4}app-footer h2{order:2}app-footer .right{order:3}app-hero main>.info>.right,app-hero main .info>.right>.text-wrapper{width:100%!important}app-skills .skills{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;width:440px!important;grid-template-columns:unset!important}app-skills .skills>.wrapper,app-skills .skills>.cl{width:88px!important}app-portfolio main>.wrapper{gap:16px!important;padding-bottom:32px}app-portfolio main>.wrapper>.line1{min-width:24px!important}app-portfolio main>.wrapper>h1{font:45px Poppins-Bold}app-portfolio main>.content{width:100%!important;padding-inline:24px}app-contact main>.header>h1{font:45px Poppins-Bold!important}app-contact main>.return{padding-right:24px!important}app-legal header{grid-template-columns:auto minmax(0,1fr)!important;gap:20px}app-legal header h1{font-size:42px!important;margin-left:20px!important}app-legal header .line1{display:none!important}app-legal section{padding-inline:20px!important}}@media(max-width:800px){app-hero .text{zoom:.75}}@media(max-width:600px){app-hero>main{height:calc(100vh - 310px)!important}app-hero .text{zoom:1;gap:4px!important}app-hero .text>h2{font:32px Poppins!important}app-hero .text>div h1{font:44px Poppins-Bold!important}app-hero .text>div h3{font:28px Poppins!important}app-hero .social-wrapper>span{display:none}app-hero .hero-img{width:100%!important}}@media(max-width:680px){app-about h1{font:45px Poppins-Bold!important;width:100%;text-align:start}app-about section{gap:32px!important}app-skills main>.skills{zoom:.8}app-skills main>.text>.info>span{text-align:start;padding-inline:24px}app-skills main>.text>.info>h2{padding-inline:24px;width:100%}app-skills h1{font:45px Poppins-Bold!important}app-project section>.wrapper{padding-inline:0!important}app-project section>.wrapper>.info{width:100%!important}app-project .project.reverse .info{text-align:left!important}app-legal header{grid-template-columns:minmax(0,auto) minmax(0,1fr)!important}app-legal header h1{font-size:36px!important;white-space:normal!important;word-break:break-word!important}app-about .bg-shadow,app-skills .bg-shadow,app-portfolio .bg-shadow,app-footer .bg-shadow{zoom:.5}app-portfolio .bg-shadow{top:40%!important}}@media(max-width:420px){app-skills main>.skills{zoom:.6}app-project .btn-container{zoom:.75}app-project img{zoom:.75}app-footer footer{padding:24px!important}}@media(max-width:380px){app-hero>main{height:calc(100vh - 310px)!important}app-hero .text{zoom:.8}}*{margin:0;box-sizing:border-box;scroll-behavior:smooth;font-family:Poppins;color:#fff;text-decoration:none;background-color:#141d2f;scrollbar-gutter:stable}body{--sb-track-color: #9747ff;--sb-thumb-color: #70e61c;--sb-size: 12px}body::-webkit-scrollbar{width:var(--sb-size)}body::-webkit-scrollbar-track{background:var(--sb-track-color);border-radius:8px}body::-webkit-scrollbar-thumb{background:var(--sb-thumb-color);border-radius:8px;border:2px solid #6e00ff}@supports not selector(::-webkit-scrollbar){body{scrollbar-color:var(--sb-thumb-color) var(--sb-track-color)}}a,button{cursor:pointer;z-index:999}button{border-radius:10px;padding:15px 30px;border:unset;font:23px Poppins}@font-face{font-family:Poppins;src:url(/assets/fonts/Poppins-Regular.woff) format("woff")}@font-face{font-family:Poppins-Bold;src:url(/assets/fonts/Poppins-Bold.woff) format("woff")}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans;src:url(/assets/fonts/OpenSans-Regular.ttf) format("truetype")}@font-face{font-family:OpenSans-Bold;src:url(/assets/fonts/OpenSans-Bold.ttf) format("truetype")}
