@import url(https://fonts.googleapis.com/css2?family=BenchNine:wght@300;400;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);@font-face{font-family:Coaching Airline;src:url(../fonts/itcerasstdbook.dd3a1109.ttf)}*{box-sizing:border-box;margin:0;outline:none;padding:0}:root{font-size:16pt}body,html{overflow-x:hidden}#app{background-attachment:fixed;background-color:purple;background-image:linear-gradient(0deg,rgba(31,31,31,.8078431373),rgba(31,31,31,.8078431373)),url(../img/background.bba81992.jpg);background-position:bottom;background-repeat:no-repeat;background-size:cover;font-family:Tenorite,Roboto,Sans-serif;height:100vh;position:absolute;width:100vw;overflow-y:scroll}#app header{display:grid;font-size:16pt;grid-template-areas:"logo nav";grid-template-columns:20% 1fr;margin:1rem auto 0;max-width:1400px}#app header a{text-decoration:none}#app header .logo img{filter:invert(100%);grid-area:logo;margin:auto 0;height:55px}#app header nav{border-radius:3px;display:flex;justify-content:right;padding:.75rem 4rem}#app header nav ul.links{display:flex;grid-area:nav}#app header nav ul.links li.link{list-style:none}#app header nav ul.links li.link a{text-decoration:none;color:#cedfff}#app header nav ul.links li.link+li.link{margin-left:4rem}#app .app-body{margin:1rem 1rem 0}#app footer{height:300px;width:100%;background-color:#553bff;color:#cedfff;margin-top:5rem;position:relative}#app footer .container{padding:2rem 3rem;display:flex;gap:4rem}#app footer .container .logo{right:3rem;bottom:2rem;margin:auto 0}#app footer .container .logo img{filter:invert(100%);height:50px}#app footer .container .title{text-transform:uppercase;margin-bottom:.5rem}#app footer .container .content{display:flex;flex-direction:column;font-size:.75rem}#app footer .container a{color:#cedfff}#app footer .container .social-media .content{display:flex;gap:1rem;flex-direction:row;font-size:1.25rem}#app footer .container .links .content{display:flex;flex-direction:row;gap:1rem}#app footer .container .copyright{position:absolute;left:3rem;bottom:2rem}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background:#553bff}::-webkit-scrollbar-thumb:hover{background:#5a4eac}#Home,#Home .profile{position:relative}#Home .profile{display:grid;-moz-column-gap:7rem;column-gap:7rem;grid-template-areas:"picture socialmedia text";grid-template-rows:auto 2rem;grid-template-columns:300px 0 auto;margin:10rem 25rem 5rem auto;width:1050px;z-index:2}#Home .profile .picture{grid-area:picture}#Home .profile .picture .face img{height:450px}#Home .profile .text{position:relative;max-width:650px;margin:auto 0;grid-area:"text"}#Home .profile .text .hello-world{color:pink;font-size:20pt;margin-bottom:-10px;text-align:right;width:60%}#Home .profile .text .name{color:rgba(222,133,255,.368627451);font-size:120pt;font-style:italic;font-weight:700;line-height:80pt;text-transform:uppercase}#Home .profile .text .name .last-name{margin-left:200px}#Home .profile .text .job{display:flex;justify-content:center;color:#cedfff;font-family:BenchNine,Roboto,Sans-serif;font-size:60pt;font-weight:300;position:absolute;text-transform:uppercase;top:50%;transform:translateY(-50%);width:100%}#Home .profile .social-media{grid-area:socialmedia;display:flex;justify-content:center;gap:1rem;flex-direction:column;transform:translateX(-6rem);margin-top:2.5rem;z-index:-1}#Home .profile .social-media a{align-items:center;background-color:#553bff;cursor:pointer;border-radius:0 12px 12px 0;color:#cedfff;display:flex;font-size:1.5rem;height:50px;justify-content:flex-end;padding-right:1rem;text-decoration:none;width:250px;position:relative;transition:transform .2s ease-in-out}#Home .profile .social-media a:hover{transform:translateX(5px)!important}#Home .profile .social-media a:before{position:absolute;right:3.5rem;top:50%;transform:translateY(-45%);font-size:1rem}#Home .profile .social-media a.sm-github{margin-left:1rem;width:210px;transform:translateX(-50%)}#Home .profile .social-media a.sm-github:before{content:"/Lugere"}#Home .profile .social-media a.sm-linked-in{font-size:1.25rem;transform:translateX(-60%)}#Home .profile .social-media a.sm-linked-in:before{content:"/robinleber"}#Home .profile .social-media a.sm-xing{font-size:1.25rem;width:300px;transform:translateX(-65%)}#Home .profile .social-media a.sm-xing:before{content:"/Robin_Leber2/cv"}#Home .project-header{font-size:32pt;color:#cedfff;text-align:center;font-family:BenchNine,Roboto,Sans-serif;text-transform:uppercase;margin-bottom:2rem;position:relative;z-index:1}#Home .project-header:before{color:rgba(222,133,255,.368627451);content:attr(data-name);font-family:Tenorite,Roboto,Sans-serif;font-size:3rem;font-style:italic;font-weight:900;left:50%;line-height:2rem;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;width:25%!important;z-index:-1}#Home .projects{display:flex;justify-content:center;flex-wrap:wrap;flex-direction:row;gap:1rem}#Home .projects .project{align-items:center;background-color:#cedfff;border-radius:.5rem;display:flex;gap:2rem;max-width:800px;min-width:400px;padding:1rem 2rem 1rem 1rem}#Home .projects .project :not(.title){color:#fff6f3}#Home .projects .project img{height:150px}#Home .projects .project .description{font-size:.75rem;margin-top:.75rem}#Home .projects .project .links{margin-top:1rem;display:flex;gap:.75rem;width:100%}#Home .projects .project .links a[role=button]{color:#fff6f3;text-transform:uppercase;font-size:.75rem;display:flex;align-items:center;gap:1rem;text-decoration:none;padding:.5rem 1rem;border-radius:3px}#Home .projects .project .links a[role=button].github{background-color:#171515}#Home .projects .project .links a[role=button].github.fab{color:#fff6f3}#Home .projects .project .links a[role=button] .fas,#Home .projects .project .links a[role=button].web{background-color:#cedfff;color:#000}#Home .projects .project .links a[role=button] i{font-size:1rem!important}#Home .projects .project .links *{color:#cedfff}#Home .projects .project.la-luna{background-color:#740625;color:#cedfff}#Home .projects .project.la-luna .fas,#Home .projects .project.la-luna .web{color:#740625!important}#Home .projects .project.la-luna .title{font-family:Merriweather}#Home .projects .project.coaching-airline{background-color:#82358c;color:#cedfff}#Home .projects .project.coaching-airline .fas,#Home .projects .project.coaching-airline .web{color:#82358c!important}#Home .projects .project.coaching-airline .title{font-family:Merriweather}