:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}:root{--navigation-background-color: #272626;--font-color-light: #fff;--font-color-dark: #27272c;--font-color-gray-header: #bebebe;--font-color-gray-h2: #686873;--body-background-color: #ebebf0;--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.5rem;--font-size-title: 4rem;--font-size-article-title: 3rem;--contact-button-background-color-light: #fff;--contact-button-background-color-dark: #27272c;--dark-background-color: #131316;--light-background-color: #fff;--button-background-color: #007bff}body{font-family:Arial,Helvetica,sans-serif;background-color:var(--body-background-color);color:var(--font-color-dark);overflow-x:hidden}.footer{width:100%;height:40vh;background-color:var(--dark-background-color);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:20px}.footerLinks{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center}.footerLinks p{color:var(--font-color-light);font-size:var(--font-size-medium);margin:0}.socialIcons{display:flex;gap:15px;position:static;margin-top:20px;justify-content:center;flex-wrap:wrap}.socialIcons img{width:24px;height:24px}.iconWithLabel{display:flex;flex-direction:column;align-items:center}.iconWithLabel span{color:var(--font-color-light);font-size:var(--font-size-small)}@media (max-width: 768px){.footer{padding:10px}.footerLinks p{font-size:var(--font-size-small)}.socialIcons{gap:20px}.iconWithLabel span{font-size:12px}}@media (max-width: 480px){.footer{padding:20px}.footerLinks p{font-size:var(--font-size-small)}.socialIcons img{width:40px;height:40px}.iconWithLabel span{font-size:var(--font-size-small)}}nav{width:100%;padding:0 2%;height:70px;background-color:var(--dark-background-color);display:flex;align-items:center;justify-content:space-between}nav ul{display:flex;align-items:center;margin:0;padding:0;list-style:none;gap:20px}nav li{margin:0}nav a{color:var(--font-color-light);text-decoration:none;font-size:var(--font-size-medium)}nav a:hover{color:var(--font-color-gray-header)}.navigationLogo{width:80px}.rightNav{display:flex;gap:10px}@media (max-width: 1200px){nav{padding:0 5%}}.about-container{display:flex;gap:2rem;padding:2rem;justify-content:center;align-items:flex-start;font-family:Arial,sans-serif;flex-wrap:wrap}.about-text{max-width:600px;flex:1}.about-text h1{font-size:2rem;margin-bottom:1rem}.about-text h2{font-size:1.2rem;margin:1.2rem 0 .5rem}.about-text p{line-height:1.6;font-size:1rem}.about-text strong{font-weight:700}.contact-icons{margin-top:2rem;display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;color:#000}.contact-icons a{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#000;font-weight:700;transition:color .2s ease}.contact-icons a:hover{color:#0073e6}.contact-icons img{width:20px;height:20px}.about-image{flex-shrink:0;width:250px}.about-image img{width:100%;height:auto;display:block}.header{background-color:var(--dark-background-color);height:100vh;padding:2%;position:relative;overflow:hidden}.headerParticles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.particle{position:absolute;z-index:0;pointer-events:none}.headerInformation{z-index:1;position:relative}.headerInformation__title{color:var(--font-color-light);font-weight:lighter;font-size:var(--font-size-title);width:30%;margin-bottom:15px}.headerInformation__subtitle{color:var(--font-color-gray-header);width:400px;font-size:var(--font-size-medium)}.headerContactWrapper{display:flex;justify-content:center;flex-direction:column-reverse;height:50%;z-index:1;position:relative}.headerContact{display:flex;flex-direction:column;align-items:center}.headerContact__text{margin-bottom:15px;color:var(--font-color-gray-header);font-size:var(--font-size-medium)}.headerContact__link{background-color:var(--contact-button-background-color-light);padding:5px;border-radius:8px;width:130px;height:33px;display:flex;justify-content:center;align-items:center;color:var(--font-color-dark);font-size:var(--font-size-medium)}.headerContact__link:hover{color:var(--font-color-gray-header)}@media (max-width: 1000px){.headerInformation{padding-top:10%;display:flex;flex-direction:column;align-items:center}.headerInformation__title{width:60%;margin-bottom:15px;text-align:center}.headerInformation__subtitle{width:60%;text-align:center}.headerContact{margin-top:20%}.headerContact__text{width:70%;text-align:center}}@media (max-width: 600px){.headerInformation__title,.headerInformation__subtitle{width:80%}.headerContact__text{width:70%}}@media (max-width: 400px){.headerInformation__title{width:100%}.headerInformation__subtitle{width:95%}.headerContact__text{width:85%}}.dashboard-container{max-width:600px;margin:50px auto;padding:20px;text-align:center;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a}.dashboard-heading{font-size:2.5rem;color:#343a40;margin-bottom:20px}.dashboard-logout-button{padding:10px 20px;font-size:1rem;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.dashboard-logout-button:hover{background-color:#c82333}.home__header{position:sticky;top:0;z-index:0}.home__content{position:relative;height:1000vh}.article{position:sticky;top:0;height:100vh;display:flex;justify-content:center;align-items:center;transition:z-index .3s ease-in-out,opacity .3s ease-in-out;background-color:var(--body-background-color)}.article1 h2,.article3 h2,.article5 h2,.article7 h2{font-size:var(--font-size-article-title);font-weight:100;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--dark-background-color)}.article1 span,.article3 span,.article5 span,.article7 span{color:var(--font-color-gray-h2)}.article1,.article3,.article5,.article7{height:100vh;position:sticky}.article2,.article4,.article6,.article8{background-color:var(--light-background-color);height:150vh;display:block;position:relative}.article__content{height:100%;display:flex;justify-content:center;align-items:center;margin:0 10%;padding:5% 0}.article__content_centered{width:70%;height:100%;display:flex;justify-content:center;align-items:center;margin:0 10%;padding:5% 0}.article__content_flex_reverse{display:flex;justify-content:center;align-items:center;flex-direction:row-reverse}.article__icon{width:40px;height:40px;margin:0 30px 0 0}.article__text{width:60%;margin-bottom:5%}.article__text_contact{width:100%}.article__contact h3,.article__contact p{margin-bottom:5%}.article__text_flex{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-left:30%}.article__contact{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0}.article__contact_login{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20% 0 0;text-align:center;color:var(--font-color-dark)}.article__contact_login p{font-size:var(--font-size-medium);margin-bottom:20px;color:var(--font-color-dark)}.article__contact_login ul{list-style-type:none;padding:0;margin:0}.article__contact_login li{margin:10px 0;font-size:var(--font-size-small)}.article__contact_login li a{text-decoration:none;color:var(--font-color-primary);font-weight:700;transition:color .3s ease}.article__contact_login li a:hover{color:var(--font-color-gray-header)}.articleContact__link{background-color:var(--navigation-background-color);padding:5px;border-radius:8px;width:130px;height:33px;display:flex;justify-content:center;align-items:center;color:var(--font-color-light);font-size:var(--font-size-medium)}.articleContact__link:hover{color:var(--font-color-gray-header)}.highlight{font-weight:700}.article__text h3{font-size:var(--font-size-medium);margin-bottom:1%}.article__text p{font-size:var(--font-size-small)}.article__image{width:80%;height:80%}.article__image_puzzle{width:40%;height:40%}.article2{z-index:7}.article3{z-index:6}.article4{z-index:5}.article5{z-index:4}.article6{z-index:3}.article7{z-index:2}.article8,.article{z-index:1}@media (max-width: 1450px){.article__text h3{width:100%}.article__text{width:80%}}@media (max-width: 1200px){.article1 h2,.article3 h2,.article5 h2,.article7 h2{font-size:calc(var(--font-size-article-title) * .9)}.article__text{width:80%}.article__content{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;margin:0;padding:0}.article__content_centered{margin:0;padding:0;width:100%}.article__contact p{width:80%;text-align:center}.article__text_flex{margin-left:0}.article__image{width:50%;height:50%}.article__text_wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%;margin:5% 0 0}.article__text_padding{padding-right:10%}.article__text{margin-bottom:4%}}@media (max-width: 992px){.article1 h2,.article3 h2,.article5 h2,.article7 h2{font-size:calc(var(--font-size-article-title) * .8);text-align:center}.article__text_wrapper{width:80%;margin:5% 0 0}}@media (max-width: 768px){.article1 h2,.article3 h2,.article5 h2,.article7 h2{font-size:calc(var(--font-size-article-title) * .7);padding:0 10%}.article__image_puzzle{width:80%;height:80%;margin:0;position:relative;top:10%}}@media (max-width: 576px){.article1 h2,.article3 h2,.article5 h2,.article7 h2{font-size:calc(var(--font-size-article-title) * .6);line-height:1.2}.article__text_wrapper{width:100%;margin:0 0 2%}.article__image{width:60%;height:60%}.article__image_puzzle{top:14%}}.login-container{max-width:400px;margin:50px auto;padding:20px;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.login-container h1{font-size:1.8rem;color:indigo;margin-bottom:20px}.login-container form{display:flex;flex-direction:column;gap:15px}.login-container input{padding:10px;font-size:1rem;border:1px solid #b0c4de;border-radius:5px;outline:none;transition:border-color .3s ease}.login-container input:focus{border-color:var(--button-background-color);box-shadow:0 0 5px #8a2be280}.login-container button{padding:10px;font-size:1rem;background-color:var(--button-background-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-container button:disabled{background-color:plum;cursor:not-allowed}.login-container button:hover:not(:disabled){background-color:#6a5acd}.login-container p{font-size:.9rem;color:#333;margin:10px 0}.login-container p.error{color:red;font-weight:700}.login-container p.success{color:#32cd32;font-weight:700}.login-container a{color:#4682b4;text-decoration:none;font-weight:700;transition:color .3s ease}.login-container a:hover{color:#6a5acd}.not-found-container{max-width:600px;margin:50px auto;padding:20px;text-align:center;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a}.not-found-heading{font-size:4rem;color:#dc3545;margin-bottom:20px;font-weight:700}.not-found-message{font-size:1.2rem;color:#343a40;margin-bottom:20px}.not-found-link{font-size:1rem;color:#4682b4;text-decoration:none;font-weight:700;transition:color .3s ease}.not-found-link:hover{color:#0056b3}.password-reset-heading{font-size:1.8rem;color:#343a40;margin-bottom:20px}.error-message{color:#dc3545;font-weight:700;margin-top:15px}.password-reset-container{max-width:400px;margin:50px auto;padding:20px;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.password-reset-heading{font-size:1.8rem;color:#333;margin-bottom:20px}.password-reset-form{display:flex;flex-direction:column;gap:15px}.password-reset-input{padding:10px;font-size:1rem;border:1px solid #b0c4de;border-radius:5px;outline:none;transition:border-color .3s ease}.password-reset-input:focus{border-color:var(--button-background-color);box-shadow:0 0 5px #007bff80}.password-reset-button{padding:10px;font-size:1rem;background-color:var(--button-background-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.password-reset-button:hover{background-color:#0056b3}.success-message{color:#28a745;font-weight:700;margin-top:15px}.error-message{color:red;font-weight:700;margin-top:15px}.profile-container{max-width:500px;margin:50px auto;padding:20px;text-align:center;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a}.profile-heading{font-size:2rem;color:#343a40;margin-bottom:20px}.profile-form{display:flex;flex-direction:column;gap:15px}.profile-input{padding:10px;font-size:1rem;border:1px solid #b0c4de;border-radius:5px;outline:none;transition:border-color .3s ease}.profile-input:focus{border-color:var(--button-background-color);box-shadow:0 0 5px #007bff80}.profile-button{padding:10px;font-size:1rem;background-color:var(--button-background-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.profile-button:hover{background-color:#0056b3}.project-container{display:flex;flex-direction:column;padding:2%;background-color:#000;color:#fff}.project-heading{margin-bottom:var(--font-size-large)}.project-title{font-size:1.8rem;margin-bottom:1rem}.project-description-image{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap;width:100%;margin-top:2%}.project-image{width:400px;height:250px;object-fit:cover;border-radius:8px;cursor:pointer;margin-top:2%}.project-images-wrapper{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;margin-top:2rem}.project-description{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;padding:2% 0;gap:2rem}.project-description-content{display:flex;flex-direction:column;flex:1 1 60%;min-width:280px}.project-description-text p{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word;line-height:1.6}.project-description-text ul{margin-top:1rem;padding-left:1.5rem;list-style-type:disc}.project-description-text li{margin-bottom:.5rem;color:var(--font-color-light, white);font-size:1rem}.project-description-text{width:100%}.project-description-links{flex:1 1 250px;min-width:200px}.project-description-links li{list-style:none;margin-top:20px}.project-icon{width:50px;height:50px;margin-right:10px;border-radius:100%}.project-description-links li a{color:#00bcd4;text-decoration:none;display:flex;align-items:center;transition:color .3s ease}.project-description-links li a:hover{color:var(--font-color-accent, #00bcd4)}@media screen and (max-width: 1024px){.project-description{flex-direction:column;align-items:center}.project-description-content,.project-description-links{width:90%}.project-image{width:90vw;height:220px}}@media screen and (max-width: 768px){.project-description{padding:1rem 0}.project-image{width:90vw;height:200px}.project-description-content,.project-description-links,.project-description-text{width:100%}.project-images-wrapper{gap:1.5rem}}@media screen and (max-width: 480px){.project-image{width:95vw;height:180px}.project-description-text{width:95%}.project-icon{width:40px;height:40px}.project-description-text ul{padding-left:1rem}}.register-container{max-width:400px;margin:50px auto;padding:20px;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center}.register-container h1{font-size:1.8rem;color:#1e293b;margin-bottom:20px}.register-container form{display:flex;flex-direction:column;gap:15px}.register-container input{padding:10px;font-size:1rem;border:1px solid #b0c4de;border-radius:5px;outline:none;transition:border-color .3s ease}.register-container input:focus{border-color:var(--button-background-color);box-shadow:0 0 5px #4682b480}.register-container button{padding:10px;font-size:1rem;background-color:var(--button-background-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.register-container button:disabled{background-color:#b0c4de;cursor:not-allowed}.register-container button:hover:not(:disabled){background-color:#1e90ff}.register-container p{font-size:.9rem;color:#333;margin:10px 0}.register-container p.error{color:#ff4500;font-weight:700}.register-container p.success{color:#32cd32;font-weight:700}.register-container a{color:#4682b4;text-decoration:none;font-weight:700;transition:color .3s ease}.register-container a:hover{color:#1e90ff}.verify-email-container{max-width:500px;margin:50px auto;padding:20px;text-align:center;background-color:var(--light-background-color);border-radius:10px;box-shadow:0 4px 10px #0000001a}.verify-email-heading{font-size:2rem;color:#343a40;margin-bottom:20px}.success-message{font-size:1rem;color:#28a745;font-weight:700;margin-top:15px}.error-message{font-size:1rem;color:#dc3545;font-weight:700;margin-top:15px}