body{margin:0;background-color:#030303}#bg{width:100%;height:100vh;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;margin:0;padding:0;border:0;position:relative}.hug{background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;margin:0;padding:0;border:0;position:relative}hr{color:#00cd00;width:30%;height:10px;border-style:inset;background-color:#00cd00;border-radius:30px}.content{width:100%;height:100vh;margin:0;padding:0;border:0;background-color:#030303}header{margin:0}.dropdown{position:relative;display:inline-block;background-color:#1e1e1e}.dropdown-content{display:none;position:absolute;background-color:#1e1e1e;min-width:100px;box-shadow:0 8px 10px #010003;padding:12px 16px;z-index:1}.dropdown:hover .dropdown-content{display:block}a{color:#00cd00;text-decoration:none}p{color:#00cd00;text-decoration:none;margin:0;padding:0}span{color:#00cd00;text-decoration:none}.top{top:0;width:100%;margin-left:0;padding:0;background-color:#010003}.top ul{margin:0;padding-left:0;display:flex;justify-content:left;align-items:center}.container{display:flex;justify-content:center;align-items:center;background-color:#030303}.noise{width:100%;height:30vh;background-color:#030303}hr{width:30%;height:10px;background-color:#00cd00;border:none;margin:0}.titel{z-index:2;font-size:80pt;margin:0;padding:0;width:100%;text-align:center;position:sticky;top:20vh;background-image:url(/images/macro.png);background-size:cover;background-position:20% 80%}::selection{color:#1e1e1e;background-color:#00cd00}.titel{display:flex;justify-content:center;align-items:center;text-align:center;opacity:1;animation:fade-in 10s linear;*{color:#00cd00;font-family:OptimusPrinceps,sans-serif;letter-spacing:5px;font-size:8em;font-weight:400;animation:fade-in 10s linear,text-zoom 5s linear}}@keyframes fade-in{0%{opacity:0}25%{opacity:1}to{opacity:1}}.socals{width:5vh;height:5vh;padding-left:5vh}@keyframes text-zoom{0%{font-size:5em}25%{font-size:6em}50%{font-size:7em}75%{font-size:8em}to{font-size:8em}}.text{width:100%;text-align:center;padding-top:10vh;background-color:#030303}.textmext{font-size:larger}nav li{width:100%;display:inline;list-style-type:none;padding-left:5%}#logo{width:40;height:40px}h1{color:#00cd00;padding:0;margin:0}footer{background-color:#333;padding:0;text-align:center;width:100%}.footer-container{max-width:960px;margin:0 auto}.row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.col-md-6{width:50%}nav ul{width:100%;list-style:none;display:flex;justify-content:flex-end}nav li{margin-left:20px}nav a{text-decoration:none;transition:all .3s ease}nav a:hover{color:#00cd00}.video{display:inline-block;width:300px;margin:10px}.video img{width:100%;height:auto;border-radius:38px}.video h3{font-size:18px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.container:hover{background-color:#333;color:#fff}.container img:hover{box-shadow:0 0 10px #333;transform:scale(1.1)}#projects{width:900px;margin:0 auto 200px}#projects ul{padding:0;list-style:none}.merch{width:15vh;height:5vh}#projects ul li{width:33.3%;float:left;margin-bottom:2vh;text-decoration:none}#projects img{width:280px;height:150px;border-radius:5px}#projects img:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);box-shadow:0 5px 5px #0000004d}.login-button{background-color:#333;border:none;color:#00cd00;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:10px;cursor:pointer;border-radius:4px;transition:all .2s ease-in-out;text-transform:capitalize}.login-button:hover{background-color:#00cd00;color:#1e1e1e;transform:scale(1.1)}#username{margin-bottom:4.5vh;margin-top:4.5vh;color:#d3d3d3;background-color:#333;border-color:#00cd00}.underpop{font-size:smaller;text-decoration:underline;margin-top:1vh}#password,#username,#hexfarbe{color:#d3d3d3;background-color:#333;border-color:#00cd00}#hexfarbe{marginnd-bottom:5vh}.password-input-container{position:relative}.img-show{height:3vh;width:3vh;position:relative}.show-password-button:focus .show-password-button:hover{background-color:#333}#password[type=text]{font-family:inherit}.login-popup{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.login-content{background-color:#333;margin:15% auto;padding:20px;border:none;width:80%;max-width:400px;z-index:999999;position:relative}.login-content h2{margin-top:0}.login-content form{display:flex;flex-direction:column}.login-content label{margin-top:10px}.login-content input{padding:5px;border-radius:4px;border:1px solid #ccc;width:100%}.login-content button[type=submit]{background-color:#00cd00;border:none;color:#333;padding:10px 20px;text-align:center;text-decoration:none;font-size:16px;margin-top:10px;border-radius:4px;cursor:pointer}.close-button{position:absolute;top:0;right:0;color:#00cd00;font-size:28px;font-weight:700;cursor:pointer;background-color:#333;border:none}.eye{width:1.25em;height:.75em;position:relative;align-content:end;display:inline-block;--background: #00cd00;--color: currentColor}.eye div{display:flex;justify-content:flex-end;overflow:hidden;height:50%;position:relative;margin-bottom:-1px}.eye div:before{content:"";background:currentColor;position:absolute;left:0;right:0;height:300%;border-radius:100%}.eye div:last-child:before{bottom:0}.eye:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.35em;height:.35em;background:var(--color);border:.1em solid var(--background);border-radius:100%;z-index:1}.eye:after{content:"";position:absolute;top:-.15em;left:calc(33.333% - .15em);transform:rotate(45deg) scaleX(0);transform-origin:left center;width:90%;height:.1em;background:var(--color);border-top:.1em solid var(--background);z-index:2;transition:transform .25s}.eye.slash:after{transform:rotate(45deg) scaleX(1)}