@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden}ul a{text-decoration:none;color:unset}header{font-family:Fira Code,monospace}button{font-family:Fira Code,monospace;font-weight:500;font-size:18px}body{background-color:#262535;font-family:Fira Code,monospace;color:#fff;max-width:1400px;max-width:100%}main{max-width:90%;margin:0 auto;justify-content:center}@media screen and (max-width: 450px){main{margin:0}}@media (max-width: 700px){img{max-width:100%;height:auto}}main{display:grid;width:80%;max-width:100%}main .introSection{width:90%;max-width:100%;display:grid;grid-template-columns:repeat(3,1fr);justify-content:center;justify-self:center}main .introSection .headlines{grid-column:span 2;grid-row:1;grid-template-rows:repeat(1fr,auto);margin-top:1em}@media (max-width: 700px){main .introSection .headlines{grid-column:span 3;grid-row:1}}main .introSection .code-img{grid-column:2/4;overflow:hidden;grid-row:2/5}main .introSection .profile-img{grid-column:3}main .introSection .competences-icons{grid-column:1}@media (max-width: 925px){main .introSection .competences-icons{grid-column:2/4;grid-row:3;align-self:end}}main .introSection .link-button{grid-column:1;text-decoration:none}@media (max-width: 925px){main .introSection .link-button{grid-column:1;align-self:center}}@media screen and (max-width: 1200px){.introSection{margin:0 4em;max-width:90%}.introSection .intro-div{margin-right:3em;margin-left:3em}}@media screen and (max-width: 700px){.introSection{margin:0 4em}.introSection .intro-div{margin-right:0;margin-left:1em;padding-right:1em;width:100%;max-width:100%}}@media screen and (max-width: 450px){.competences-icons{grid-row:6;grid-column:2/4;padding-left:2em;font-size:1em}.link-button{grid-row:6;grid-column:1}}.intro-div{width:100%;max-width:100%;font-size:16px;grid-column:1;font-family:inter Sans,sans-serif;font-style:italic;color:#dedfe0;font-weight:500;line-height:150%;margin:3em 1em 2em;justify-self:center}@media (max-width: 700px){.intro-div{grid-column:2/4;text-align:right;margin:unset;margin-left:4em;margin-right:0;padding-right:0}.intro-div:hover:hover{scale:unset;overflow:unset}}.intro-div p{margin:.6em 0}.intro-div .read-cv{margin-top:1em;line-height:1}.intro-div:hover{scale:1.15;overflow:hidden}.intro-div a{color:#7bafee;font-style:normal;font-size:18px;font-weight:500;text-decoration:none}.intro-div a:hover{cursor:pointer}.intro-div .fa-angle-right{color:#7bafee;font-size:18px}@media screen and (max-width: 450px){.intro-div{margin-top:3em;grid-row:4;grid-column:1/4;font-style:normal;font-weight:600}.competences-icons{grid-row:6;grid-column:2/4;justify-self:flex-end;font-size:1em}.link-button{grid-row:6;grid-column:1;display:none;margin-left:1em}.profile-img{grid-row:3;scale:1.2;overflow:hidden}}.profile-img{width:300px;aspect-ratio:1/1;object-fit:cover;transform:scaleX(-1);border-radius:50%;grid-column:3;justify-self:end;position:absolute;top:200px;right:9%;border:solid 1px #7BAFEE;box-shadow:0 0 80px 2px #7bafee}@media (max-width: 1000px){.profile-img{width:30%}}@media (max-width: 900px){.profile-img{top:350px;right:8%}}@media (max-width: 700px){.profile-img{grid-row:1;right:60%;top:230px}}@media (max-width: 450px){.profile-img{top:270px}}.profile-img:hover{transform:scale(1.3);transition:transform .8s ease-in}.code-img{grid-column:2/4;width:100%;border-radius:100%;aspect-ratio:1/1;object-fit:cover;top:300px;right:100px;z-index:-1;order:-1;border:solid 1px #7BAFEE;box-shadow:0 0 900px 2px #7bafee}.code-img:hover{transform:scale(1.1);transition:transform .8s ease-in}@media (max-width: 900px){.code-img{align-self:center}}@media (max-width: 700px){.code-img{grid-column:1;align-self:center;position:absolute;max-width:60%;top:400px;right:50%;overflow:hidden}}@media (max-width: 700px) and (max-width: 450px){.code-img{max-width:80%;right:30%;top:360px}}.headlines{color:#f0ba87;grid-column:1;font-family:Ubuntu,sans-serif}h2{font-size:24px;font-weight:400;margin-bottom:1em;margin-top:0;grid-column:1}h1{font-weight:400;margin-top:3em;margin-bottom:1em;justify-self:center}@media screen and (max-width: 1300px){h1{font-size:32px}}.pink{color:#d49bca}.orange{color:#f0ba87}.name{color:#dedfe0;font-size:56px}.purple{color:#8e84d9}.green{color:#74bbc5}@media screen and (max-width: 1300px){.headlines{width:85%}}@media screen and (max-width: 450px){.headlines{display:grid}h1{font-size:24px;justify-self:center}.name{font-size:42px}}.link-button{grid-column:1;grid-row:3;margin:2em 0;justify-self:center;display:flex;align-items:center;background-color:#262535;color:#f0ba87;border:3px solid #F0BA87;box-shadow:0 2px 20px 2px #f0ba87;padding:.5em 3em;width:fit-content;border-radius:10px;height:3em}.link-button:hover{cursor:pointer;background-color:#7bafee;color:#262535;box-shadow:none;transform:scale(1.1);transition:transform .3s ease-in;animation:grow-then-wiggle .8s ease forwards}@keyframes grow-then-wiggle{0%{transform:scale(1) rotate(0)}30%{transform:scale(1.2) rotate(0)}50%{transform:scale(1.2) rotate(5deg)}65%{transform:scale(1.2) rotate(-5deg)}80%{transform:scale(1.2) rotate(3deg)}to{transform:scale(1.2) rotate(0)}}@media screen and (max-width: 450px){.link-button{display:none}}.competences-icons{display:grid;grid-template-columns:repeat(3,1em);gap:1em;margin:1em 0;font-size:2.5em;justify-self:center;text-align:center}@media (max-width: 925px){.competences-icons{grid-column:2/4;grid-row:3}}@media screen and (max-width: 450px){.competences-icons{font-size:1.5em;margin-top:2.5em}}.web-projects-section{grid-column:span 3;display:grid;grid-template-columns:35% 65%;column-gap:4em;justify-self:center;padding-top:19em;padding-bottom:15em;width:100%;max-width:100%}.web-projects-section h2{grid-column:1/2;grid-row:1;font-size:24px;background-color:#f0ba87;width:100%;height:2.4em;display:flex;justify-content:center;align-items:center;color:#000;justify-self:center;margin-bottom:3em}.web-projects-section .text-content__intro{grid-column:2/3;grid-row:1;margin-bottom:3em;max-width:600px;justify-self:center;font-size:14px;font-family:inter,sans-serif}.web-projects-section .text-content__intro p{margin-bottom:1em}.web-projects-section .text-content__intro ul{list-style:none;margin-top:1em}.web-projects-section .project-container{display:grid;grid-row:2;grid-column:span 2;column-gap:4em}.web-projects-section .project-container .text-content__projekts{grid-column:1;grid-row:2/3;align-self:start;width:100%;max-width:415px}.web-projects-section .project-container .text-content__projekts h3{margin-bottom:1em;font-size:22px;color:#7bafee}.web-projects-section .project-container .text-content__projekts h4{font-size:18px}.web-projects-section .project-container .text-content__projekts p{margin-bottom:2em;font-family:inter Sans,sans-serif;font-size:16px;line-height:1.5}.web-projects-section .project-container .text-content__projekts a{font-family:inter Sans,sans-serif;font-size:16px;line-height:1.5;margin-bottom:1em;text-decoration:underline;color:#7bafee}.web-projects-section .gallery{grid-column:2;justify-self:center;align-items:center;display:grid;grid-template-columns:1fr 9fr 1fr;justify-items:center;column-gap:1em}.web-projects-section .gallery .img-container{position:relative;grid-column:2;width:600px;max-height:404px;max-width:100%;display:flex;justify-content:center;align-items:center}.web-projects-section .gallery .img-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0000;pointer-events:none;z-index:1}.web-projects-section .gallery .img-container:hover img{filter:blur(2px)}.web-projects-section .gallery .img-container img{max-width:100%;position:relative;z-index:0}.web-projects-section .gallery .img-container img:hover{cursor:pointer}.web-projects-section .gallery .img-container .img-link{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:#fff;font-size:1.2rem;text-decoration:none;background:#262535a3;padding:.5em 1em;border-radius:5px;opacity:0;transition:opacity .3s ease;text-align:center}.web-projects-section .gallery .img-container:hover .img-link{opacity:1}.web-projects-section .gallery .fa-chevron-right,.web-projects-section .gallery .fa-chevron-left{font-size:42px;position:absolute}.web-projects-section .gallery .fa-chevron-right:hover,.web-projects-section .gallery .fa-chevron-left:hover{cursor:pointer}.web-projects-section .gallery .fa-chevron-left{grid-column:1;justify-self:start}.web-projects-section .gallery .fa-chevron-right{grid-column:3;justify-self:end}.web-projects-section .gallery .backgroundImgs{order:-1;grid-column:2;margin-bottom:5em}.web-projects-section .gallery .backgroundImgs .third-img{position:absolute;bottom:5em}.web-projects-section .gallery .backgroundImgs .second-img{position:absolute;bottom:10em}.web-projects-section .gallery .backgroundImgs .backgroundFilter{background-color:#262535b9;width:500px;height:400px;max-width:100%;position:absolute;right:20%;z-index:-1}.web-projects-section .gallery .backgroundImgs img{width:490px;max-width:100%;position:absolute;z-index:-2;right:20%}@media screen and (max-width: 1200px){main{width:100%;max-width:100%;margin:0 auto}main .web-projects-section{width:100%;max-width:100%}main .web-projects-section .project-container{width:100%;max-width:1100px;grid-template-columns:1fr 9fr 1fr;justify-self:center;column-gap:0}main .web-projects-section .project-container h2{grid-column:2/3;margin-bottom:2em;max-width:1100px}main .web-projects-section .project-container .text-content__intro{width:100%;max-width:1100px;grid-column:2/3;grid-row:2;justify-self:center;margin-bottom:2em}main .web-projects-section .project-container .text-content__projekts{width:100%;max-width:1100px;grid-row:4;grid-column:2/3;justify-self:center;margin-bottom:3em;line-height:1}main .web-projects-section .project-container .text-content__projekts h3{margin-bottom:.5em}main .web-projects-section .project-container .text-content__projekts p{margin-bottom:1em}main .web-projects-section .project-container .gallery{width:100%;max-width:900px;grid-column:span 3;grid-row:3;justify-self:center;margin-bottom:3em;column-gap:0}main .web-projects-section .project-container .gallery .img-container{width:100%}main .web-projects-section .project-container .gallery .img-container img{max-width:100%;height:auto}}@media screen and (max-width: 1200px) and (max-width: 1000px){main .web-projects-section .project-container .gallery{width:100%;max-width:700px}}@media screen and (max-width: 700px){main{width:80%;max-width:100%;margin-left:2em;margin-right:2em}main .web-projects-section{column-gap:0;padding-top:10em;margin-bottom:6em}main .web-projects-section .project-container{width:100%;max-width:700px}main .web-projects-section .project-container h2{grid-column:span 3;width:100%;max-width:100%}main .web-projects-section .project-container .text-content__intro{width:100%;max-width:100%;grid-column:1/4}main .web-projects-section .project-container .text-content__projekts{width:100%;max-width:100%;grid-column:span 3}main .web-projects-section .project-container .gallery{width:100%}main .web-projects-section .project-container .gallery i{font-size:1.5em}}@media screen and (max-width: 700px) and (max-width: 450px){main{width:90%;max-width:100%;margin-left:1em;margin-right:1em}main .web-projects-section{margin-bottom:2em}main .web-projects-section .img-container{height:250px;height:auto}}.ux-section{display:grid;grid-template-columns:35% 65%;column-gap:5em;justify-self:center;padding-top:19em;padding-bottom:15em}.ux-section h2{grid-column:1/2;font-size:24px;background-color:#d49bca;width:100%;height:2.4em;display:flex;justify-content:center;align-items:center;color:#000;justify-self:center;margin-bottom:3em}.ux-section .ux-introText{grid-column:2;grid-row:1;font-family:inter,sans-serif;max-width:691px;justify-self:center}.ux-section .ux-introText p{margin-bottom:1em}.ux-section .ux-text-content{grid-column:1;grid-row:3;font-family:inter,sans-serif}.ux-section .ux-text-content h3{font-weight:700;margin-bottom:1em;font-family:Fira Code;color:#7bafee}.ux-section .ux-text-content li{margin-bottom:1em;margin-left:1em}.ux-section .ux-image{grid-column:2;grid-row:3;justify-self:center}@media screen and (max-width: 1200px){.ux-section{grid-template-columns:1fr;max-width:90%}.ux-section h2{grid-column:1;grid-row:1}.ux-section .ux-introText{grid-column:1;grid-row:2;margin-bottom:3em}.ux-section .ux-introText p{margin-bottom:1em}.ux-section .ux-text-content{margin-bottom:3em;grid-column:1;grid-row:4}.ux-section .ux-image{grid-column:1;grid-row:3;margin-bottom:3em}}@media screen and (max-width: 900px){.ux-section{max-width:700px;justify-self:center}}@media screen and (max-width: 450px){.ux-section{margin-bottom:7em}}.footer{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:end;margin:0;padding-top:11em}.footer .header-icons{list-style:none;display:flex;gap:2em;justify-content:center;margin-top:10em}.footer .header-icons i{font-size:3em}.footer .contact-info{margin-bottom:12em;line-height:2}.footer .contact-info p{font-size:24px}.footer .profile-pixel{width:60%;justify-self:end;margin-left:20%;margin-top:-4em}@media screen and (max-width: 450px){footer .contact-info{margin-left:1em}}header{max-width:80%;display:grid;grid-template-columns:1fr;justify-self:center;margin:2em auto}header ul{list-style:none}header .header-icons{color:#fff;display:flex;gap:1em;grid-column:2;grid-row:1;justify-self:end}header .header-icons li{scale:1.22}header .header-icons a{color:#fff}header h2{color:#fff;font-weight:350;line-height:.5;grid-column:1/3;display:none}header .logo{width:400px;max-width:100%;margin-top:1em;margin-bottom:1em}header h2{font-size:16px;margin-left:.5em}header .menu{grid-column:span 2;max-width:100%}header .menu ul.menu-items{max-width:100%;display:grid;grid-template-columns:repeat(5,auto);gap:1em;color:#000;background:#2c2c36;position:fixed;z-index:10;border-radius:15px;padding:1em;box-shadow:0 0 100px 2px #7bafee}header .menu ul.menu-items li{padding:.4em 0;width:13em;display:flex;justify-content:center;font-size:14px}header .menu ul.menu-items li li:hover{cursor:pointer}header .menu ul.menu-items .web{background-color:#f0ba87}header .menu ul.menu-items .ux{background-color:#d49bca}header .menu ul.menu-items .art{background-color:#74bbc5}header .menu ul.menu-items .cv{background-color:#7bafee}header .menu ul.menu-items .me{background-color:#8e84d9}@media screen and (max-width: 1200px){header{max-width:100%;margin:2em}}@media screen and (max-width: 1200px){header{display:none}}