@font-face{font-family:Secular One;src:url(/fonts/SecularOne-Regular.ttf) format("truetype")}@font-face{font-family:Roboto Slab;src:url(/fonts/RobotoSlab-VariableFont_wght.ttf) format("truetype")}body{font-family:Roboto Slab,serif;line-height:1.6;margin:0;padding:0;background-color:#282828;color:#fff}header{color:#fff;padding:20px;text-align:center}header h1{margin:0;font-size:2.5rem;text-shadow:3px 3px #3a86f9}header h3{position:relative;margin:20px auto;max-width:800px;text-align:center}main{position:relative;margin:20px auto;max-width:1000px}section{position:relative;margin:20px auto;max-width:1000px;padding:20px 50px;background:transparent;box-shadow:0 2px 5px #0000001a;border-radius:8px;z-index:1}section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#383838;filter:blur(0px);border-radius:2vw;z-index:-1}h1,h2,h3{font-family:Secular One,sans-serif}section h2{color:#fff;margin-bottom:10px;font-size:1.8rem;text-shadow:3px 2px #3a86f9}section h3{color:#fff;margin-bottom:8px;font-size:1.4rem}section p{margin:10px 0}section blockquote{margin:20px 0;padding:15px 20px;background-color:#e9edf8;border-left:5px solid #3a86f9;font-style:italic;color:#555}section a{color:#fff;text-decoration:underline #3a86f9;text-decoration-thickness:3px;font-weight:700}section a:hover{text-decoration:underline #40e55e;text-decoration-thickness:3px}section figure{margin:20px auto;text-align:center;max-width:100%;border-radius:8px;overflow:hidden;background-color:#3330;padding:10px}#fullscreen-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;justify-content:center;align-items:center;z-index:9999;overflow:scroll}#fullscreen-container img{max-width:90%;max-height:90%;border-radius:8px}#fullscreen-container figcaption{color:#fff;font-size:1rem;margin-top:10px}#fullscreen-container .close-button{position:absolute;top:10px;right:20px;font-size:2rem;color:#fff;cursor:pointer}section figure img{max-width:100%;height:auto;display:block;border-radius:4px}section figure video{max-width:100%;height:auto;display:block;border-radius:4px}section figure figcaption{margin-top:10px;font-size:.9rem;color:#bbb;font-style:italic}.buttons{display:flex;flex-direction:row;gap:20px;padding:20px}@media (max-width: 900px){.buttons{flex-direction:column}}button{position:relative;padding:20px 50px;background:#383838;border-radius:30px;z-index:1}button h2{color:#fff;font-size:1.5rem;text-shadow:3px 2px #3a86f9;margin:0;padding:5px}@media (max-width: 768px){section{margin:10px;padding:15px}header h1{font-size:2rem}section h2{font-size:1.5rem}section h3{font-size:1.2rem}}.three-container[data-v-3897cebb]{width:100%;height:100vh}.start[data-v-7ba817d4]{@apply flex justify-center items-center flex-col;background-image:url(/bg.jpg);background-size:cover;background-position:center;width:100vw;height:100vh}footer[data-v-1e1a98fd]{box-shadow:0 -2px 10px #0000004d;background-size:cover;background-color:#40454a;color:#fff;margin-top:20px}.items[data-v-1e1a98fd]{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:100px;padding-left:20px;padding-right:20px}.items p[data-v-1e1a98fd]{margin:5px;font-size:.9em}@media only screen and (max-width: 900px){.items[data-v-1e1a98fd]{flex-direction:column;gap:15px;align-items:start;padding:5px}.items p[data-v-1e1a98fd]{margin:0}}.twopine[data-v-f9dc5176]{text-shadow:3px 3px #36a52c}.blokken[data-v-f9dc5176]{display:flex;flex-direction:row;gap:10%}.blokken a[data-v-f9dc5176]{font-size:1.2em}@media (max-width: 900px){.blokken[data-v-f9dc5176]{flex-direction:column}}.navbar[data-v-9752318b]{background-image:linear-gradient(to bottom right,#40e55e,#37dabcba,#3a86f9);background-size:cover;color:#fff;max-width:1200px;margin:50px auto;padding:30px 20px;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000;border-radius:50px;background-color:#2c3e50e6}.navbar-container[data-v-9752318b]{display:flex;justify-content:space-between;align-items:center;text-align:center;width:100%}.back-button[data-v-9752318b]{position:absolute;left:20px;cursor:pointer}.navbar-logo[data-v-9752318b],.navbar-logo a[data-v-9752318b]{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-links[data-v-9752318b]{list-style:none;display:flex;flex-direction:row;align-items:center;gap:15px;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.navbar-links li a[data-v-9752318b]{color:#fff;text-decoration:none;font-size:1rem;padding:10px 15px;border-radius:8px;transition:background-color .3s;text-shadow:2px 2px 10px rgba(67,67,67,.84)}.navbar-links li a[data-v-9752318b]:hover{background-color:#fff3}.navbar-toggle[data-v-9752318b]{display:none}@media (max-width: 900px){.navbar[data-v-9752318b]{width:100%;padding:50px 20px;border-radius:0;margin-top:0;display:none}.navbar-toggle[data-v-9752318b]{display:block;background:none;border:none;cursor:pointer;z-index:2000}.navbar-links[data-v-9752318b]{flex-direction:column;gap:2px;//display: none;position:absolute;width:100%;z-index:1000}.navbar-links--active[data-v-9752318b]{display:flex}.navbar-links li[data-v-9752318b]{width:100%;text-align:center;padding:10px 0}.navbar-links li a[data-v-9752318b]{font-size:1.2rem}.overlay[data-v-9752318b]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:500}}.buttons{display:flex;justify-content:center;margin:20px}.mobile[data-v-63376c97]{margin:20px auto;text-align:center;max-width:100%;border-radius:8px;overflow:hidden;padding:10px;max-height:2000px}.dev-tool[data-v-4dc955cf]{margin:20px auto;text-align:center;max-width:100%;border-radius:8px;overflow:hidden;padding:10px;max-height:500px}figcaption ul[data-v-74067682]{text-align:start}.dpdk[data-v-e83e6e89]{margin:20px auto;text-align:center;max-width:100%;border-radius:8px;overflow:hidden;padding:10px;max-height:500px}#fotocollage{margin-top:2rem;padding:1rem;text-align:center}#fotocollage h2{margin-bottom:1rem;font-size:1.5rem}.collage{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;justify-items:center}.collage img{width:100%;height:150px;object-fit:cover;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:transform .3s ease}.collage img:hover{transform:scale(1.05)}#fullscreen-container img{max-width:90%;max-height:1080px;border-radius:8px}