html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}h1{font-size:2em;margin:.67em 0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{margin:0}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}svg:not(:root){overflow:hidden}button,input,select{margin:0}button{overflow:visible;text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}fieldset{padding:.35em .75em .625em}input{overflow:visible}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details,dialog{display:block}dialog{background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}template{display:none}*{box-sizing:border-box}.App{height:100vh;font-family:sans-serif}.wrapper{background-image:url(/static/media/street.11084142.jpg);background-size:cover;background-position:bottom;background-repeat:no-repeat;height:100vh;display:flex;align-items:flex-start;padding-top:10px;justify-content:center;overflow:hidden}.contentWrapper{justify-content:flex-start;overflow-y:scroll;width:100%;height:100%;border-radius:10px;background-color:rgba(63,63,63,.3);color:#dbdbdb;padding:30px;position:relative;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.contentWrapper,.main-screen{display:flex;flex-direction:column}.main-screen{justify-content:center;align-items:center;height:85vh;width:85%;position:fixed;z-index:2}.navContainer{display:flex;justify-content:space-between;padding:0;width:100%;margin:0 0 5px}.navListItem{list-style-type:none;text-align:center;padding:10px 0;width:50%}.navListItem:first-child{margin-right:10px}.navElement{color:#dbdbdb;text-decoration:none;background-color:hsla(0,0%,51.4%,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 0;border-radius:5px;display:block;transition:.3s}.currentNav,.navElement:hover{background-color:hsla(0,0%,92.5%,.3)}.transition-top{background-image:linear-gradient(180deg,#000,transparent);top:0}.transition-bottom,.transition-top{height:100px;width:100%;position:absolute}.transition-bottom{background-image:linear-gradient(180deg,transparent,#000);bottom:0;z-index:0}.footer{color:#dbdbdb;background-color:hsla(0,0%,69.4%,.3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:100%;text-align:center;margin-top:10px;padding:5px;border-radius:5px;font-size:12px}@media (min-width:600px){.contentWrapper,.wrapper{align-items:center}.contentWrapper{justify-content:flex-start}.navContainer{margin-bottom:0}}@media (min-width:1200px){.contentWrapper{justify-content:center}.main-screen{max-height:650px}}@media (min-width:1360px){.main-screen{min-width:800px;max-width:1100px;min-height:680px}}.particles{width:150%;height:150%}.hero,.heroTopWrapper{display:flex;flex-direction:column}.heroTopWrapper{align-items:center}.profileImage{background-image:url(/static/media/Passfoto.978cfc33.JPG);background-position:50%;background-size:cover;height:200px;width:200px;border:5px solid #2b2b2b;border-radius:50%;transition:.4s}.descriptionContainer{text-align:center}.descriptionHeadline{font-weight:300;font-size:2.2rem}.description{line-height:1.8;margin-bottom:30px}.socialIconsWrapper{width:100%;display:flex;justify-content:space-evenly}.socialIcon{fill:#dbdbdb;transition:.2s}.socialIcon:hover{fill:#475c47}.expertise{background-color:rgba(63,63,63,.3);align-items:center;border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-top:30px;color:#dbdbdb}.expertise,.tech{display:flex;flex-wrap:wrap;justify-content:center}.techStackHeadline{font-weight:300;margin-top:20px}.techIconWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:wrap;min-height:60px;margin:10px}.techLabel{font-size:13px;font-weight:300}@media (min-width:1000px){.heroTopWrapper{flex-direction:row}.descriptionContainer{text-align:start}.profileImage{margin-right:30px;height:240px;width:240px}.socialIconsWrapper{justify-content:flex-start}.socialIcon{margin-right:30px}.techStackHeadline{margin:20px 20px 0}.techIconWrapper{margin:20px}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{background:#f9f9f9;font-size:16px}.projectsContainer{display:flex;justify-content:center;align-items:center;flex-direction:column;list-style:none;padding:0;width:100%;height:100%;overflow-y:scroll}.main-title{color:#2d2d2d;text-align:center;text-transform:capitalize;padding:.7em 0}.container{padding:1em 0;float:left;width:50%}.container .title{color:#1a1a1a;text-align:center;margin-bottom:10px}.content{position:relative;width:90%;max-width:400px;margin:auto;overflow:hidden}.subheaderPflanzy{margin-bottom:10px}.content .content-overlay{background:rgba(0,0,0,.7);position:absolute;height:99%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;transition:all .4s ease-in-out 0s}.content:hover .content-overlay{opacity:1}.content-image{width:100%}.content-details{position:absolute;text-align:center;padding-left:1em;padding-right:1em;width:100%;top:50%;left:50%;opacity:0;transform:translate(-50%,-50%);transition:all .3s ease-in-out 0s}.content:hover .content-details{top:50%;left:50%;opacity:1}.content-details h3{color:#fff;font-weight:300;letter-spacing:.15em;margin-bottom:.5em;text-transform:uppercase}.content-details p{color:#fff;font-size:.8em}.fadeIn-bottom{top:80%}.linkContainer{display:flex;justify-content:center;align-items:center;flex-direction:row}.link{margin:10px;fill:#fff;text-decoration:none}@media screen and (max-width:640px){.container{display:block;width:100%;padding-top:0}}@media screen and (min-width:1100px){.container{width:100%;display:flex;align-items:center}.content{max-width:400px;margin-right:20px}.projectsContainer{flex-direction:row;align-items:center}}
/*# sourceMappingURL=main.f55a488f.chunk.css.map */