@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;font-family:JetBrains Mono,monospace;font-style:italic}body{min-height:100vh}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.folder{filter:drop-shadow(0 -30px 10px #0000004d);cursor:pointer;border-radius:75px;width:1350px;height:700px;position:absolute}.folder_label{isolation:isolate;width:280px;height:45px;position:absolute;top:-25px}.fahne_2{z-index:0;pointer-events:none;width:auto;height:180px;position:absolute;top:-10px;left:50%;transform:translate(-40%)}.fahne{z-index:1;pointer-events:none;width:auto;height:180px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.folder__tab{z-index:2;background-color:#fff;border-radius:5px;width:280px;height:45px;position:absolute;top:0;left:0;transform:rotate(-2deg)}.folder__tab span{white-space:nowrap;z-index:3;font-family:JetBrains Mono,monospace;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.folder-stack{width:1350px;height:500px;position:relative}.navbar{background:#000;align-items:center;width:100%;height:90px;padding:0 80px;font-family:JetBrains Mono,monospace;display:flex;position:relative}.navbar__links{gap:60px;display:flex}.navbar__links button{color:#fff;background:0 0;border:none;margin:0;padding:0;font-family:JetBrains Mono,monospace;font-size:20px}.navbar__triangle{z-index:1;width:1920px;height:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%,100%)}.navbar__logo{filter:drop-shadow(0 10px 2px #00000059);z-index:100;position:absolute;bottom:0;left:50%;transform:translate(-50%,70%)}.navbar__logo img{width:180px;height:180px}.logo-button{cursor:pointer;background:0 0;border:none;margin:0;padding:0;display:block}.homepage{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.archive{background:#e8e5da;flex:1;justify-content:center;align-items:flex-end;display:flex;position:relative}.aboutpage{background:#e8e5da;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}.aboutfolder{background:#f4850c;border-radius:75px 75px 0 0;width:90%;height:2800px;position:relative;top:400px;bottom:0;left:50%;transform:translate(-50%)}.aboutfolder_tag{filter:drop-shadow(5px 5px 1px #270502cc);width:450px;height:100px;font-size:32px;font-weight:Bold italic;z-index:1;background:#fff;border-radius:10px;position:absolute;top:-50px;left:200px;right:100px;transform:rotate(-2deg)}.aboutfolder_tag span{position:absolute;top:50%;left:50%;transform:translate(-75%,-50%)}.about_paper{filter:drop-shadow(10px 10px 1px #00000059);border-radius:1px;width:90%;height:auto;margin:80px auto 0;position:absolute;top:100px;left:5%;rotate:-2deg}.profile_pic{filter:drop-shadow(5px 10px 2px #0003);width:auto;height:650px;position:absolute;top:70px;left:65%;rotate:3deg}.skills{filter:drop-shadow(5px 10px 2px #00000080);z-index:5;width:auto;height:900px;position:absolute;top:875px;left:10%;rotate:-3deg}.contact{filter:drop-shadow(5px 10px 2px #00000080);z-index:8;width:auto;height:700px;position:absolute;top:1500px;left:35%;overflow:visible;rotate:2deg}.education{filter:drop-shadow(5px 10px 2px #00000080);z-index:6;width:900px;height:600px;position:absolute;top:750px;left:45%;overflow:visible;rotate:1deg}.socials{filter:drop-shadow(5px 10px 2px #00000080);z-index:9;width:120px;height:auto;position:absolute;top:1700px;left:25%;overflow:visible;rotate:0deg}.prop_1{filter:drop-shadow(5px 10px 2px #00000080);z-index:2;width:auto;height:1200px;position:absolute;top:1000px;left:15%;overflow:hidden;rotate:-1deg}.prop_2{filter:drop-shadow(5px 10px 2px #00000080);z-index:3;width:auto;height:1200px;position:absolute;top:800px;left:35%;overflow:hidden;rotate:-3deg}.contactpage{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.shorttext{font-size:32px;left:50%}.gallerypage{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.openfolder_stack{width:95%;height:2400px;position:relative;overflow:visible}.openfolder_tag{filter:drop-shadow(5px 5px 1px #270502cc);width:450px;height:100px;font-size:32px;font-weight:Bold italic;z-index:1;background:#fff;border-radius:10px;position:absolute;top:250px;left:100px;right:100px;transform:rotate(-2deg)}.openfolder_tag span{position:absolute;top:50%;left:50%;transform:translate(-75%,-50%)}.paper{filter:drop-shadow(10px 10px 1px #00000059);border-radius:15px;width:90%;height:auto;margin:80px auto 0;position:absolute;top:100px;left:5%}.openfolder{background:#f4850c;border-radius:0 75px 0 0;width:90%;height:100%;position:absolute;top:300px;left:0}.portfolio-image{box-sizing:border-box;filter:drop-shadow(5px 5px 1px #270502cc);border-radius:25px;width:100%;height:auto;display:block}.portfolio-image-tag{filter:drop-shadow(5px 5px 1px #270502cc);background:#fff;border-radius:10px;width:200px;height:50px}.portfolio-image-tag span{font-size:16px;font-weight:Bold italic;z-index:1}.project_text{filter:drop-shadow(20px 10px 5px #00000059);width:500px;position:absolute}.image_container{position:absolute;inset:300px 5% 500px}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;width:300px;position:absolute}.draggable-item:active{cursor:grabbing}.projectpage{background:#e8e5da;flex-direction:column;width:100%;min-height:100vh;display:flex;overflow:hidden}