@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--black-1:#212121;--grey-1:#f8f8f8;--grey-2:#403f3f;--grey-3:#f1f1f1}html{font-size:10px}body,html{overflow-x:hidden}body{background-color:#f8f8f8;background-color:var(--grey-1)}.container{margin:0 auto;max-width:90%;width:1400px}.primary-btn{background-color:#212121;background-color:var(--black-1);color:#f8f8f8;color:var(--grey-1)}.primary-btn,.secondary-btn{border:.2rem solid #212121;border:.2rem solid var(--black-1);font-family:Rubik,sans-serif;font-size:2rem;font-weight:500;padding:1rem 3rem;text-decoration:none}.secondary-btn{background-color:#f8f8f8;background-color:var(--grey-1);color:#212121;color:var(--black-1);margin-left:2.5rem}.secondary-btn:hover{background-color:#212121;background-color:var(--black-1);color:#f8f8f8;color:var(--grey-1)}@media screen and (max-width:768px){.primary-btn,.secondary-btn{font-size:1.6rem;padding:.8rem 2.6rem}}#footer{background-color:var(--black-1);overflow:hidden;padding-top:10rem;position:relative}.footer-head{align-items:center;display:flex;flex-direction:column;gap:12rem;justify-content:center}.footer-titel h1{color:var(--grey-3);font-family:Rubik,sans-serif;font-size:4rem;font-weight:600;letter-spacing:.2rem}.footer-titel{position:relative;z-index:999}.footer-contact{align-content:center;border:1px solid var(--grey-3);display:flex;gap:3rem;justify-content:center;margin-bottom:15rem;padding:1.5rem 3.5rem;text-decoration:none}.footer-contact h2{font-size:2.4rem;font-weight:500;letter-spacing:.25rem}#footer h3,.footer-contact h2{color:var(--grey-3);font-family:Rubik,sans-serif}#footer h3{font-size:1.6rem;font-weight:400;padding-bottom:2rem;text-align:center}.circel-full{background-color:#292929;height:20rem;right:-9rem;top:-9rem;width:20rem;z-index:-1}.circel,.circel-full{border-radius:50%;position:absolute}.circel{border:.1rem solid var(--grey-3);bottom:-40rem;height:80rem;left:-40rem;width:80rem}@media screen and (max-width:768px){.footer-head{gap:7rem}.footer-titel h1{font-size:2.4rem}.footer-contact h2{font-size:1.4rem}.footer-contact img{width:2.5rem}.footer-contact{gap:2rem;margin-bottom:12rem;padding:1rem 2.5rem}#footer h3{font-size:1.2rem}.circel{bottom:-35rem;height:50rem;left:-25rem;width:50rem}.circel-full{height:15rem;right:-9rem;top:-7rem;width:15rem}}nav{background-color:var(--grey-1);display:flex;gap:5rem;justify-content:center;padding:1.5rem 0}nav a{color:var(--black-1);font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:500;position:relative;text-decoration:none}nav a:hover{font-weight:600}nav a:hover:after{background-color:#212121;border-radius:50%;bottom:-1rem;content:"";display:block;height:.5rem;left:49%;padding:0 auto;position:absolute;width:.5rem}.close,.menu{display:none}@media screen and (max-width:768px){nav{display:none;flex-direction:column;gap:3.5rem;height:100vh;padding:4rem;position:absolute;width:100vw;z-index:99}.menu{display:flex;justify-content:end;padding:1.5rem}.close{display:block;position:absolute;right:1rem;top:1rem}.show{display:flex}}#about{padding:10rem 0}.about-left p{color:var(--grey-2);font-family:Rubik,sans-serif;font-size:2rem;font-weight:500;line-height:145%;margin-bottom:1.5rem}.about-left span{color:#1a1a1a;font-weight:800}.about-left li{color:var(--grey-2);font-family:Rubik,sans-serif;font-size:2rem;font-weight:500;margin-bottom:.5rem;margin-left:4rem}.about-left ul{margin-bottom:5rem}.about-left .secondary-btn{margin-left:0}.about-wrapper{align-items:center;display:flex;gap:5rem;justify-content:space-between}.about-left{flex:1 1}.about-img{align-items:center;display:flex;flex:1 1}.about-img img{border:.2rem solid var(--black-1);margin:0 auto;width:30rem}@media screen and (max-width:768px){#about{padding:5rem 0}.about-wrapper{flex-direction:column-reverse}.about-left li,.about-left p{font-size:1.6rem}.about-img img{width:25rem}}#contact{padding:10rem 0}.contact-left p{font-size:2rem;font-weight:500;line-height:145%;margin-bottom:2.2rem;width:80%}.contact-left h3,.contact-left p{color:var(--grey-2);font-family:Rubik,sans-serif}.contact-left h3{font-size:1.6rem;font-weight:400;margin-bottom:.5rem;margin-top:7rem}.contact-wrapper{align-items:center;display:flex;gap:4rem;justify-content:space-between}.contact-left{flex:3 1}.contact-right{flex:2 1}.contact-right form{background-color:var(--black-1);display:flex;flex-direction:column;gap:1.5rem;padding:2rem 5rem;width:100%}.contact-right input,.contact-right input:focus,.contact-right input:valid{background-color:var(--black-1);border-bottom:1px solid #bbb;border-right:none;color:#c1c1c1;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:400;outline:none;padding:1rem 0}.contact-right textarea{background-color:var(--black-1);border:none;border-bottom:1px solid #bbb;color:#c1c1c1;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:400;outline:none;padding:1rem 0}.contact-right button{cursor:pointer;display:flex;font-family:Rubik,sans-serif;font-size:1.6rem;font-weight:500;margin-left:auto;padding:.8rem 2.5rem;width:-webkit-min-content;width:min-content}.none,form.none{display:none}.send{align-items:center;background-color:var(--black-1);display:flex;flex-direction:column;gap:5rem;height:34.3rem;justify-content:center}.send h2{color:#e4e4e4;font-family:Rubik,sans-serif;font-size:2.2rem;font-weight:500}@media screen and (max-width:768px){.contact-wrapper{flex-direction:column}.contact-left p{font-size:1.6rem;width:100%}.contact-left h3{font-size:1.4rem;margin-top:4rem}.contact-right{flex:3 1;width:100%}.contact-right form{padding:2rem 4rem;width:100%}.contact-right input,.contact-right input:focus,.contact-right input:valid{font-size:1.4rem}.contact-right textarea{font-size:1.4rem}.contact-right button{font-size:1.4rem;padding:.5rem 2rem}.send h2{font-size:1.8rem}.send img{width:9rem}}#home{padding:10rem 0}#home .container{align-items:center;display:flex;gap:1rem;justify-content:space-between}.hero-left,.hero-right{flex:1 1}.hero-right img{max-width:100%}.hero-left h1{color:var(--black-1);font-size:3.6rem;font-weight:700;margin-bottom:2.5rem}.hero-left h1,.hero-left p{font-family:Rubik,sans-serif;line-height:145%}.hero-left p{color:var(--grey-2);font-size:2.2rem;font-weight:500;margin-bottom:5.5rem;width:90%}@media screen and (max-width:768px){#home{padding:5rem 0}#home .container{flex-direction:column-reverse;gap:5.5rem}.hero-left h1{font-size:2.4rem;margin-bottom:1.8rem}.hero-left p{font-size:1.6rem;margin-bottom:5rem}}#projects{padding:10rem 0}.projects-head h2{color:var(--grey-2);font-family:Rubik,sans-serif;font-size:3.2rem;font-weight:600;letter-spacing:.2rem}.projects-head h3{display:none}.projects-info h3{color:var(--grey-2);font-family:Rubik,sans-serif;font-size:2rem;font-weight:600;letter-spacing:.2rem}.projects-card .container{align-items:center;display:flex;justify-content:space-between}.projects-info{gap:2rem;transition:all .8s ease-in}.projects-card,.projects-info{align-items:center;display:flex}.projects-card{background-color:var(--grey-3);height:30rem;position:relative}.projects-card:last-child{border-bottom:none}.img-project{height:inherit;opacity:0;position:absolute;right:0;-webkit-transform:translateX(50%);transform:translateX(50%);transition:all .8s ease-in}.projects-card:hover .projects-info{gap:3rem}.projects-card:hover .img-project{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.projects-card:hover{background-color:var(--grey-1)}.projects-card:hover a{border:.2rem solid var(--black-1)}.projects-card:hover .projects-head h3{color:var(--grey-2);display:block;font-family:Rubik,sans-serif;font-size:2.2rem;font-weight:600;letter-spacing:.1rem}.projects-card:hover .projects-head h2{color:var(--black-1);margin-bottom:1rem}.projects-card:hover .projects-info{margin-left:3rem}.projects-card a{align-items:center;background-color:var(--grey-3);display:flex;gap:2.5rem;padding:1.5rem 3.5rem;text-decoration:none;z-index:99}.projects-card a h2{color:var(--grey-2);font-family:Rubik,sans-serif;font-size:2rem;font-weight:600;letter-spacing:.2rem}@media screen and (max-width:768px){#projects{padding:5rem 0}.img-project{height:auto;max-width:100vw;opacity:1;position:relative;-webkit-transform:translateX(0);transform:translateX(0);transition:all .8s ease-in}.projects-head h3{color:#5c5c5c;display:block;font-family:Rubik,sans-serif;font-size:2.2rem;font-weight:600;letter-spacing:.1rem}.projects-card{display:flex;flex-direction:column-reverse;gap:2rem}.projects-card .container{align-items:start;flex-direction:column;gap:1.5rem}.projects-card{background-color:var(--grey-1);height:auto;margin-bottom:4rem}.projects-info h3{font-size:1.6rem}.projects-head h2{font-size:2.2rem;margin-bottom:1rem}.projects-card a{background-color:var(--grey-1);gap:1.5rem;padding:1.5rem 0;z-index:99}.projects-card a h2{color:var(--grey-2);font-size:1.6rem}.projects-card a img{width:2rem}}#skills{padding:10rem 0}.titel{margin-bottom:8rem;position:relative}.titel h2{color:var(--grey-3);font-size:12rem;font-weight:800;left:-5rem;letter-spacing:.6rem;position:absolute;top:-8rem;z-index:-10}.titel h2,.titel h3{font-family:Rubik,sans-serif;overflow:hidden}.titel h3{font-size:3.2rem;font-weight:700;letter-spacing:.2rem}.skills-wrapper{display:flex;justify-content:space-evenly}.skills-card-head{align-items:center;display:flex;gap:2.5rem;margin-bottom:2.5rem}.skills-card-head h3{font-family:Rubik,sans-serif;font-size:2.4rem;font-weight:600;letter-spacing:.2rem}.skills-card-head img{width:6rem}.skills-card p{color:#666;font-family:Rubik,sans-serif;font-size:2rem;font-weight:500;line-height:140%;max-width:33rem}.skills-card{border:2px solid var(--black-1);padding:4rem 5rem}@media screen and (max-width:768px){.titel{margin-bottom:5rem}.titel h2{font-size:6.8rem;left:-2rem;top:-4.2rem;width:39rem}.titel h3{font-size:2.2rem;letter-spacing:.1rem}.skills-wrapper{align-items:center;flex-direction:column;gap:4rem}.skills-card-head{gap:2rem;margin-bottom:2rem}.skills-card-head img{width:5rem}.skills-card-head h3{font-size:1.8rem;font-weight:600;letter-spacing:.2rem}.skills-card p{font-size:1.6rem;max-width:24rem}.skills-card{padding:2rem 3rem}}
/*# sourceMappingURL=main.9197063b.css.map*/