body{width:100%;height:100%;margin:0}.main-header{padding:10px;display:flex;align-items:center;justify-content:space-between;background-color:#000;position:relative}.nav-opt{display:flex;align-items:center;justify-content:center;gap:30px}.nav-opt a{text-decoration:none;color:#fff;font-family:Sour Gummy}.nav-opt a:hover{color:#00f}.hamburger{display:none;cursor:pointer;flex-direction:column;gap:5px;z-index:100}.line{width:25px;height:3px;background-color:#fff;transition:all .3s ease}.line1{transform:rotate(-45deg) translate(-5px,6px)}.line2{opacity:0}.line3{transform:rotate(45deg) translate(-5px,-6px)}@media (max-width: 600px){.hamburger{display:flex}.nav-opt{position:fixed;top:0;right:-100%;width:100%;height:100vh;background-color:#000;flex-direction:column;justify-content:center;align-items:center;gap:30px;transition:right .5s ease;z-index:99}.nav-opt.active{right:0}.nav-opt a{font-size:1.2rem}}.body-main{display:flex;align-items:center;justify-content:space-between;padding:10px;max-width:100%;background-color:#0b0b0b}.body-main .body-details{max-width:50%}.body-main .body-details h2{color:#3131f8;font-size:clamp(14px,3vw,30px);margin:10px;font-family:Sour Gummy}.body-main .body-details h1{color:#fff;font-size:clamp(20px,4vw,70px);margin:10px;font-family:Sour Gummy}.body-main .body-details h3{color:#a09e9e;margin:10px;font-size:clamp(14px,4vw,20px);font-family:Sour Gummy}.body-main .body-details Button{margin:10px;font-family:Sour Gummy;background-color:#3131f8}.body-main .body-photo{max-width:50%}.body-main .body-photo img{max-width:100%}.aboutMe-main{background-color:#000000f0}.aboutMe-main .aboutMe-text{padding:50px;display:flex;flex-direction:column;align-items:center;justify-content:center}.aboutMe-main .aboutMe-text h1{color:#fff;font-size:clamp(24px,5vw,70px);margin:10px;font-family:Sour Gummy}.aboutMe-main .aboutMe-text h3{color:#a09e9e;font-size:clamp(14px,4vw,20px);margin:10px;font-family:Sour Gummy}.aboutMe-main .aboutMe-box{display:flex;align-items:center;justify-content:center;padding-bottom:50px;padding-left:30px;padding-right:30px}.aboutMe-main .aboutMe-box .aboutMe-innerBox{display:grid;grid-template-columns:200px 200px 200px 200px;gap:20px;justify-content:center;align-items:center;padding:20px;background-color:#000000f0;border-radius:20px}.aboutMe-main .aboutMe-box .skill-item:hover{scale:1.1}.aboutMe-main .aboutMe-box .skill-item{display:flex;align-items:center;gap:10px;padding-left:5px;background-color:#131313;border-radius:20px;cursor:pointer}.aboutMe-main .aboutMe-box .skill-item img{width:35px}.aboutMe-main .aboutMe-box .skill-item h1{color:#a09e9e;font-family:Sour Gummy;font-size:1.17em}@media (max-width: 950px){.aboutMe-main .aboutMe-box .aboutMe-innerBox{grid-template-columns:repeat(3,200px)}}@media (max-width: 760px){.aboutMe-main .aboutMe-box .aboutMe-innerBox{grid-template-columns:repeat(2,200px)}}@media (max-width: 520px){.aboutMe-main .aboutMe-box .aboutMe-innerBox{grid-template-columns:repeat(2,150px)}}@media (max-width: 500px){.aboutMe-main .aboutMe-box{padding-left:20px;padding-right:20px;justify-content:flex-start}.aboutMe-main .aboutMe-box .aboutMe-innerBox{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:15px;width:100%;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.aboutMe-main .aboutMe-box .aboutMe-innerBox::-webkit-scrollbar{display:none}.aboutMe-main .aboutMe-box .skill-item{scroll-snap-align:start;flex:0 0 auto;width:140px;min-height:60px}}.main-services{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:100%;padding:50px;background-color:#000}.main-services h1{color:#fff;font-size:clamp(20px,5vw,70px);margin:10px 10px 50px;font-family:Sour Gummy}.main-services .body-services{display:grid;grid-template-columns:auto auto auto;align-items:flex-start;justify-content:space-between;width:100%;gap:20px}.main-services .body-services .design:hover{scale:1.03}.main-services .body-services .design{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#131313;padding:20px;border-radius:20px;height:350px;cursor:pointer}.main-services .body-services h4,.main-services .body-services h3{color:#a09e9e;font-family:Sour Gummy;font-size:clamp(14px,2vw,20px)}.main-services .body-services img{width:35px}@media (max-width: 1020px){.main-services .body-services{grid-template-columns:auto auto}}@media (max-width: 650px){.main-services{padding:30px 20px}.main-services .body-services{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding-bottom:20px;justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.main-services .body-services::-webkit-scrollbar{display:none}.main-services .body-services .design{scroll-snap-align:start;flex:0 0 auto;width:85%;height:300px}}.projects{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#030303f5;padding:400px}.projects h1{color:#a09e9e;font-family:Sour Gummy;font-size:clamp(28px,5vw,70px)}.projects .my-projects{display:grid;grid-template-columns:200px 200px 200px;width:100%;gap:30px;align-items:center;justify-content:center}.projects .my-projects .projects-general:hover{scale:1.2}.projects .my-projects .projects-general{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1d1d1d;border-radius:20px;height:200px;cursor:pointer;text-decoration:none}.projects .my-projects .projects-general img{width:200px;height:100px}.projects .my-projects .projects-general h3{color:#a09e9e;font-family:Sour Gummy;font-size:1.17em}@media (min-height: 1100px){.projects{padding:200px!important}}@media (max-width: 1440px){.projects{padding:50px}}@media (max-width: 1200px){.projects .my-projects{grid-template-columns:200px 200px}}@media (max-width: 500px){.projects .my-projects{grid-template-columns:200px}}.main-contact{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;background-color:#000;padding-top:450px;padding-bottom:450px}.contact-container{max-width:500px;margin:auto;padding:40px;text-align:center;background-color:transparent;border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#a09e9e;font-family:Sour Gummy;width:100%}.contact-form{display:flex;flex-direction:column;color:#a09e9e;font-family:Sour Gummy;align-items:anchor-center}.contact-form label{font-weight:700;margin:10px 0 5px;color:#a09e9e;font-family:Sour Gummy}.contact-form input,.contact-form textarea{width:100%;padding:10px;margin-bottom:10px;background-color:#1b1b1b;border:1px solid #1b1b1b;border-radius:5px;color:#a09e9e;font-family:Sour Gummy}.contact-form textarea{height:100px;resize:none}.error{color:#a09e9e;font-size:14px;font-family:Sour Gummy}.success{color:green;font-size:14px;font-family:Sour Gummy}button{background-color:#585858;color:#fff;padding:10px;border:none;border-radius:5px;cursor:pointer;font-size:16px;color:#a09e9e;font-family:Sour Gummy;max-width:fit-content}button:hover{background-color:#292929}@media (min-height: 1110px){.main-contact{padding-top:300px!important;padding-bottom:300px!important}}@media (min-height: 1000px) and (max-height: 1100px){.main-contact{padding-top:200px!important;padding-bottom:200px!important}}@media (max-width: 1440px){.main-contact{padding-top:100px;padding-bottom:100px}}@media (max-width: 620px){.contact-container{max-width:350px}}@media (max-width: 450px){.contact-container{max-width:300px;padding:20px}.contact-form input,.contact-form textarea{width:329px}}@media (max-width: 410px){.contact-form input,.contact-form textarea{width:280px}}@media (max-width: 365px){.contact-container{padding:0 0 20px}.contact-form input,.contact-form textarea{width:250px}}.project-image2{object-fit:none;width:100%;height:300px;max-height:fit-content;background-size:cover;background-position:center;border-radius:20px;margin-top:20px;margin-bottom:20px}@media (max-width: 530px){.project-header{background-size:contain!important;background-repeat:no-repeat!important;height:200px!important}.project-content{align-items:center;justify-content:center;display:flex;flex-direction:column}.skill{display:flex;width:280px;justify-content:flex-start!important;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:hidden;white-space:nowrap}.skill::-webkit-scrollbar{display:none}.skill-item{display:inline-flex;flex-shrink:0;scroll-snap-align:start}}.main{background-color:#0f0f0f}.project-container{background-color:#000;padding:0;max-width:900px;margin:0 auto;border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0003}.project-header{width:100%;height:300px;background-size:cover;background-position:center}.project-content{padding:20px;text-align:center}.project-title{font-size:clamp(28px,3vw,50px);font-family:Sour Gummy;color:#a09e9e;margin-bottom:10px}.project-description{font-family:Sour Gummy;color:#a09e9e;font-size:clamp(14px,3vw,20px);line-height:1.6;margin-bottom:20px}.image-gallery{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.project-image{width:100%;height:300px;max-height:fit-content;background-size:cover;background-position:center;border-radius:20px;margin-top:20px;margin-bottom:20px}.project-image:hover{transform:scale(1.05)}.btn-content{display:flex;align-items:center;justify-content:center;gap:20px;padding-bottom:20px}.btn-content .btn{display:flex;gap:20px}.btn-content .btn a{display:flex;align-items:center;justify-content:center;background-color:#171717;text-decoration:none;font-family:Sour Gummy;color:#a09e9e;width:90px;height:40px;border-radius:6px}.btn-content .btn a:hover{scale:1.1;background-color:#004cff59}.skill{display:flex;flex:1;justify-content:center;align-items:center;gap:30px;padding:20px}.skill-item:hover{scale:1.1}.skill-item{display:flex;align-items:center;gap:10px;padding-left:10px;padding-right:10px;background-color:#131313;border-radius:20px;cursor:pointer}.skill-item img{width:35px}.skill-item h1{color:#a09e9e;font-family:Sour Gummy;font-size:1.17em}@media (max-width: 750px){.skill{display:flex;width:300px;justify-content:flex-start!important;flex-wrap:nowrap;overflow-x:auto;gap:15px;padding:15px;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-y:hidden;white-space:nowrap}.skill::-webkit-scrollbar{display:none}.skill-item{display:inline-flex;flex-shrink:0;scroll-snap-align:start}.project-content{align-items:center;justify-content:center;display:flex;flex-direction:column}}@media (max-width: 530px){.project-header{background-size:contain!important;background-repeat:no-repeat!important;height:200px!important}}@media (max-width: 380px){.skill{width:200px}}.footer{display:flex;justify-content:space-around;align-items:center;padding:50px;flex:1;background-color:#131313}.footer .footer-main img{width:35px}.footer .footer-impressum{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer .footer-impressum h2{color:#a09e9e;font-family:Sour Gummy;font-size:1.17em}.footer .footer-impressum a{color:#a09e9e;font-family:Sour Gummy;font-size:1.17em;text-decoration:none}.footer .footer-contact{display:flex;align-items:center;justify-content:center;gap:10px}.footer .footer-contact img{width:35px;height:35px;cursor:pointer}.footer .footer-contact img:hover{scale:1.2}@media (max-width: 560px){.footer .footer-main{display:none}}@media (max-width: 500px){.footer{gap:30px;padding:20px}.footer .footer-contact{flex-direction:column}}.main-layer .main-impressum{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column;background-color:#000000f5;height:100vh}.main-layer .main-impressum h1{font-family:Sour Gummy;font-size:clamp(14px,4vw,20px);color:#a09e9e}.main-layer .main-impressum .body-impressum{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column}.main-layer .main-impressum .body-impressum h2{font-family:Sour Gummy;font-size:clamp(10px,4vw,16px);color:#a09e9e}.main-layer .main-impressum .end-impressum{display:flex;align-items:center;justify-content:center;width:100%;flex-direction:column}.main-layer .main-impressum .end-impressum h1{font-family:Sour Gummy;font-size:clamp(14px,4vw,20px);color:#a09e9e}.main-layer .main-impressum .end-impressum h2{font-family:Sour Gummy;font-size:clamp(10px,4vw,16px);color:#a09e9e}.main-layer .main-impressum .end-impressum h3{font-family:Sour Gummy;font-size:clamp(6px,4vw,12px);color:#a09e9e}.main{width:100%;height:100%;display:flex;flex-direction:column}