:root{--header-color: #0a2540;--header-text-color: #f8f9fa;--button-highlight: #0056d2;--hovers: #ff6b6b;--icon-accents: #ffc107;--secondary-text: #6c757d;--background-and-borders: #e9ecef;--primary-text: #343a40;--secondary-muted-sections: #adb5bd;--primary-darkbackground-text: #f8f9fa;--hover-activestate: #0056d2;--muted-disabled-text: #e9ecef}*{margin:0;padding:0}html,body{background-color:var(--header-color);height:100%;width:auto;margin:0;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.navButtons{display:flex;flex-direction:column;margin-right:50px}button{flex:1;padding:15px;margin:50px;border-radius:15px;border:1px solid var(--primary-darkbackground-text);background-color:var(--header-color);color:var(--primary-darkbackground-text);font-weight:700;font-size:2.5rem;-webkit-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 10px 0 var(--primary-darkbackground-text)}button:hover{box-shadow:none;color:var(--hovers)}a{text-decoration:none;text-align:center;padding:10px;margin:10px;border-radius:15px;border:1px solid var(--primary-darkbackground-text);background-color:var(--header-color);color:var(--primary-darkbackground-text);font-weight:700;font-size:2.5rem;-webkit-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 10px 0 var(--primary-darkbackground-text)}a:hover{box-shadow:none;color:var(--hovers)}form{display:flex;flex-direction:column;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0003;border:1px solid rgba(255,255,255,.2)}textarea{height:100px;width:100%}.landing-page{display:flex;flex-direction:column;background-color:var(--background-and-borders)}.header-text{color:var(--header-text-color);margin-top:30px;margin-left:50px;font-size:1.5rem}.header-text h1,h3,p{margin:5px}.hero-section{color:var( --primary-darkbackground-text );font-size:1.25rem;margin-top:1.5rem;max-width:900px;font-style:italic;letter-spacing:.01em;line-height:1.5;text-shadow:0 1px 2px rgba(10,37,64,.2);transition:color .3s;margin-top:5px;padding-top:5px}.thumbnail{display:flex;justify-content:space-between;background-color:var(--header-color);height:33vh;padding-bottom:20px}.thumbnail img{margin-top:50px;margin-right:100px;height:250px;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.landing-main{background-color:var(--header-color);height:33vh;padding-left:300px}.layer1{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--background-and-borders);height:250px;width:250px;border-radius:50%;padding:15px;overflow:hidden;animation:rotateLayer1 6s linear infinite alternate,translateLayer1 4s ease-in-out infinite alternate}.layer2{display:flex;justify-content:center;align-items:center;background-color:var(--hover-activestate);height:240px;width:240px;border-radius:50%;animation:moveLayer2 6s ease-in-out infinite alternate}.layer3{display:flex;justify-content:center;align-items:center;background-color:#5793eb;height:210px;width:210px;border-radius:50%;animation:rotateLayer3 8s linear infinite reverse,pulseGlow 4s ease-in-out infinite}.layer4{display:flex;justify-content:center;align-items:center;background-color:#111b2b;height:150px;width:150px;border-radius:50%;animation:pulseLayer4 5s ease-in-out infinite}.layer4 h2{color:var(--primary-darkbackground-text);font-size:1.5rem;margin:5px;text-align:center}.downloadCv{color:var(--primary-darkbackground-text);background-color:transparent;font-size:1.5rem;border:none;box-shadow:none}@keyframes rotateLayer1{0%{transform:rotate(0) scale(1)}to{transform:rotate(10deg) scale(1.05)}}@keyframes translateLayer1{0%{transform:translate(0)}50%{transform:translate(15px,-15px)}to{transform:translate(0)}}@keyframes moveLayer2{0%{transform:translate(0)}50%{transform:translate(5px,5px)}to{transform:translate(0)}}@keyframes rotateLayer3{0%{transform:rotate(0)}to{transform:rotate(-10deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #5793eb80}50%{box-shadow:0 0 20px #5793eb}}@keyframes pulseLayer4{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.landing-bottom{display:flex;justify-content:space-between;background-color:var(--header-color);height:28vh}.action-buttons{display:flex;justify-content:center;align-items:center;width:250px}.landing-bottom ul li{text-align:center;margin:15px;font-size:3rem;list-style:none;color:var(--secondary-muted-sections);border:1px solid var(--primary-darkbackground-text);border-radius:15px;padding:5px;-webkit-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 10px 0 var(--primary-darkbackground-text)}.landing-bottom ul li:hover{color:var(--hovers);box-shadow:none}.landing-bottom p{font-size:1.5rem;color:var(--primary-darkbackground-text);width:500px;margin-left:70px;margin-top:50px}.signup{display:flex;justify-content:center;flex-direction:column;align-items:center}.signup h1{color:var(--primary-darkbackground-text);font-size:3rem;margin:15px}.signup form label{display:flex;color:var(--header-text-color);font-size:1.5rem}.signup form input{flex:1;border-radius:5px;border:none;margin-left:5px}.login{display:flex;justify-content:center;flex-direction:column;align-items:center}.form-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:15vh}.login h1{color:var(--primary-darkbackground-text);font-size:3rem;margin:15px}.login form label{display:flex;color:var(--header-text-color);font-size:1.5rem}.login form input{flex:1;border-radius:5px;border:none;margin-left:5px}.login .home{flex:1;padding:5px;background-color:var(--header-color);color:var(--header-text-color);font-weight:700;border:none;width:100%;border-radius:5px;-webkit-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);-moz-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);box-shadow:1px 1px 3px 0 var(--primary-darkbackground-text)}.about{display:flex;flex-direction:column;align-items:center}#topHR{width:400px;margin-bottom:75px}.about h1{color:var(--primary-darkbackground-text);font-size:5rem;font-weight:700}.description{display:flex}.about-me{width:33vw;margin:0 50px}.about-me HR{margin:15px;color:var(--hovers)}.about-me p{color:var(--primary-darkbackground-text);font-size:2rem}.column{display:flex;flex-direction:column;align-items:center}.contacts{display:flex;justify-content:space-around;align-items:center;margin-top:150px;width:60%}.contacts a{background-color:transparent;border:none;box-shadow:none;height:25px}.contactIcons{color:var(--primary-darkbackground-text)}.contactIcons:hover{color:var(--hovers);cursor:pointer}.skills{width:33vw;margin:0 50px}.skills HR{margin:25px}.skills p{color:var(--primary-darkbackground-text);font-size:2rem;margin-bottom:25px}.list{display:flex;justify-content:space-around}.list ul p{font-size:1.5rem}.list ul li{list-style:none;color:var(--primary-darkbackground-text);font-size:1.2rem;font-weight:700;padding:5px 0}.soft-skills{width:40%;border-right:3px solid var(--icon-accents);margin:20px}.hard-skills{width:60%;margin:20px}.noAdmin-bottom{display:flex;justify-content:space-between;align-items:center}.dashboardPage{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:100px}.certificationsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;max-width:1200px;margin:auto}.certificationsContainer>*{flex:1 1 calc(25% - 20px);max-width:calc(25% - 20px);box-sizing:border-box}.certificationsPage{display:flex;flex-direction:column;justify-content:center;align-items:center}.certificationsPage h1{color:var(--header-text-color);margin:50px}.certification-card h3{color:var(--header-text-color);margin:5px}.certification-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff1a;border-radius:12px;padding:15px;text-align:center;width:280px;min-height:350px;max-height:400px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease-in-out}.certification-card>div{display:flex;flex-direction:column;justify-content:center;background:#ffffff26;border-radius:12px;padding:15px;text-align:center;flex:1 1 300px;min-width:200px;max-width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease-in-out}.certification-card>div:hover{transform:scale(1.05)}.certification-card p{font-size:16px;color:#fff;font-weight:700}.certification-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px}.certification-card em{color:var(--hovers);font-size:1.2rem}.certification-card button{flex:1;padding:10px 20px;margin:2px;border-radius:10px;border:1px solid var(--primary-darkbackground-text);background-color:var(--header-color);color:var(--primary-darkbackground-text);font-weight:700;font-size:.8rem;-webkit-box-shadow:2px 2px 8px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 8px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 8px 0 var(--primary-darkbackground-text);max-width:100%;display:flex;justify-content:center;align-items:center}.certification-card button:hover{box-shadow:none;color:var(--hovers)}.back-to-dash{padding:5px;background-color:var(--header-color);color:var(--header-text-color);font-weight:700;border:none;border-radius:5px;-webkit-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);-moz-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);box-shadow:1px 1px 3px 0 var(--primary-darkbackground-text)}.back-to-dash:hover{box-shadow:none;color:var(--hovers);border:1px solid var(--background-and-borders)}.addCertificationWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:25vh}.addCertificationWrapper a{margin:10px;padding:10px;background-color:var(--header-color);color:var(--header-text-color);font-weight:700;border:none;border-radius:5px;-webkit-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);-moz-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);box-shadow:1px 1px 3px 0 var(--primary-darkbackground-text)}.addCertificationWrapper a:hover{box-shadow:none;color:var(--hovers);border:.5px solid var(--background-and-borders)}.addCertification{display:flex;flex-direction:column;height:auto;width:500px;gap:20px;justify-content:center;align-items:center;padding:20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0003;border:1px solid rgba(255,255,255,.2)}.addCertification h1{color:var(--header-text-color);margin:5px}.addCertification form{display:flex;flex-direction:column;align-items:center;justify-content:center}.addCertification form input{width:100%;padding:5px}.addCertification form label{display:flex;width:100%;align-items:center;color:var(--header-text-color);font-size:1.5rem;margin:10px;white-space:nowrap}.addCertification button{margin:10px;padding:10px;background-color:var(--header-color);color:var(--header-text-color);font-weight:700;border:none;border-radius:5px;-webkit-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);-moz-box-shadow:1px 1px 3px 0px var(--primary-darkbackground-text);box-shadow:1px 1px 3px 0 var(--primary-darkbackground-text)}.addCertification button:hover{box-shadow:none;color:var(--hovers);border:.5px solid var(--background-and-borders)}.addProjectWrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.addProject{display:flex;flex-direction:column;height:auto;width:500px;gap:20px;justify-content:center;align-items:center;padding:20px;background:#ffffff1a;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 10px #0003;border:1px solid rgba(255,255,255,.2)}.collaborator{display:flex;flex-direction:column;justify-content:flex-start}.collaborator h2{color:var(--header-text-color)}.collaborator a{border:none;background-color:transparent;text-decoration:none;box-shadow:none}.collaborator li{list-style:none;color:var(--primary-darkbackground-text);font-size:1.2rem;font-weight:700}.projectsPage{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:10px;color:var(--primary-darkbackground-text);font-size:2.5rem}.projectsContainer{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:20px;max-width:1200px;margin:auto}.project-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ffffff1a;border-radius:12px;padding:15px;text-align:center;width:280px;min-height:350px;max-height:400px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease-in-out}.project-card img{width:100%;height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px}.project-card>div{display:flex;flex-direction:column;justify-content:center;background:#ffffff26;border-radius:12px;padding:15px;text-align:center;flex:1 1 300px;min-width:200px;max-width:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease-in-out}.project-card>div:hover{transform:scale(1.05)}.projectDetail{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:95vh}.projectDetail h1{color:var(--primary-darkbackground-text);font-size:2.5rem;margin:10px 0}.project-detail-card{display:flex;justify-content:center;align-items:center;background:#ffffff1a;border-radius:12px;padding:15px;text-align:center;width:76.5%;min-height:350px;max-height:400px;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease-in-out}.project-detail-card h2{color:var(--primary-darkbackground-text);font-size:1.5rem;margin-bottom:25px}.top-detail{display:flex;flex-direction:column;justify-content:center;align-items:center}.top-detail img{height:350px;border-radius:35px}.bottom-detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:25px}.bottom-detail img{height:25px;margin:15px 0}.bottom-detail p{color:var(--primary-darkbackground-text);font-size:1.2rem;align-items:center;margin:5px}.collaborators{display:flex}.bottom-detail em{color:var(--hovers);font-size:2rem;font-weight:700}.bottom-detail a{background-color:transparent;border:none;box-shadow:none;height:25px}.bottom-detail ul{display:flex;margin-left:20px}.bottom-detail li{list-style:none;color:var(--primary-darkbackground-text);font-size:1.2rem;font-weight:700}#dashboard{margin:5px}.links{margin-top:10px}.links a{background-color:transparent}.bottom-detail span{color:var(--primary-darkbackground-text);font-size:1.5rem;margin:5px}.spinner{height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.spinner a{padding:15px;margin:50px;border-radius:15px;border:1px solid var(--primary-darkbackground-text);background-color:var(--header-color);color:var(--primary-darkbackground-text);font-weight:700;font-size:2.5rem;-webkit-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 10px 0 var(--primary-darkbackground-text)}.spinner a:hover{box-shadow:none;color:var(--hovers)}button,a{font-size:1.1rem;padding:12px 24px;border-radius:12px;font-weight:600;transition:color .2s,background .2s,box-shadow .2s}button{margin:20px}a{margin:8px}button:hover,a:hover{color:var(--hovers);background:#ffffff0d;box-shadow:none}.certification-card,.project-card{background:#ffffff14;border-radius:14px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(255,255,255,.18);padding:18px;margin:10px;width:280px;min-height:320px;max-height:400px;display:flex;flex-direction:column;align-items:center;transition:transform .2s}.certification-card:hover,.project-card:hover{transform:scale(1.03);box-shadow:0 4px 16px #0000001f}.certification-card img,.project-card img{height:160px;object-fit:cover;border-radius:8px;margin-bottom:10px}.certification-card h3{color:var(--header-text-color);margin:8px 0 4px;font-size:1.2rem}.project-card h2{font-size:2rem;margin-bottom:10px}.certification-card p,.project-card p{color:var(--primary-darkbackground-text);font-size:1rem;margin:4px 0}.about h1,.certificationsPage h1,.projectsPage,.dashboardPage h1{color:var(--header-text-color);font-size:2.2rem;font-weight:700;margin:30px 0 20px;text-align:center}.certificationsContainer,.projectsContainer{gap:18px;padding:18px;max-width:1200px;margin:auto}.footer{background-color:var(--header-color);color:var(--header-text-color);text-align:center;padding:10px 0;height:auto;font-size:.95rem;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 1024px){.certificationsContainer>*,.projectsContainer>*{flex:1 1 45%;max-width:45%}}@media screen and (max-width: 768px){.certificationsContainer>*,.projectsContainer>*{flex:1 1 100%;max-width:100%}.certification-card,.project-card{width:95vw;min-height:200px;max-height:300px;padding:8px}.certification-card img,.project-card img{height:80px}}input,textarea{border-radius:6px;border:1px solid var(--background-and-borders);padding:8px;font-size:1rem;background:#ffffff14;color:var(--primary-darkbackground-text)}input:focus,textarea:focus{outline:2px solid var(--icon-accents)}.list ul li,.collaborator li,.bottom-detail li{color:var(--primary-darkbackground-text);font-size:1rem;font-weight:500;margin:2px 0}.contactIcons{color:var(--icon-accents);font-size:1.3rem;transition:color .2s}.contactIcons:hover{color:var(--hovers)}@media screen and (max-width: 425px){.thumbnail{justify-content:space-between}.thumbnail img{height:150px}.header-text{font-size:.8rem}.hero-section{display:none}.landing-main{justify-content:center;align-items:center;border:none;padding-top:50px;padding-left:100px}.layer1{height:150px;width:150px}.layer2{height:140px;width:140px}.layer3{height:110px;width:110px}.layer4{height:50px;width:50px}.layer4 h2{font-size:.5rem}.landing-bottom{align-items:center;justify-content:space-around}.navButtons{margin:35px}a{text-decoration:none;text-align:center;padding:5px;margin:5px;border-radius:15px;border:1px solid var(--primary-darkbackground-text);background-color:var(--header-color);color:var(--primary-darkbackground-text);font-weight:700;font-size:.75rem;-webkit-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);-moz-box-shadow:2px 2px 10px 0px var(--primary-darkbackground-text);box-shadow:2px 2px 10px 0 var(--primary-darkbackground-text)}a:hover{box-shadow:none;color:var(--hovers)}.landing-bottom p{font-size:.75rem;color:var(--primary-darkbackground-text);font-weight:700;width:150px;margin:35px}.landing-bottom p a{font-size:.75rem}.footer p{font-size:.5rem}.about{display:flex;flex-direction:column;align-items:center}#topHR{width:150px}.about h1{font-size:2rem}.description{display:flex;margin-bottom:50px}.about-me{width:40vw;margin:0 20px}.about-me HR{margin:15px;color:var(--hovers)}.about-me p{color:var(--primary-darkbackground-text);font-size:.6rem}.column{display:flex;flex-direction:column;align-items:center}.contacts{display:flex;justify-content:space-around;align-items:center;margin-top:50px;width:60%}.contacts a{background-color:transparent;border:none;box-shadow:none;height:25px}.contactIcons{color:var(--primary-darkbackground-text)}.contactIcons:hover{color:var(--hovers);cursor:pointer}.skills{width:33vw;margin:0}.skills HR{margin:25px}.skills p{color:var(--primary-darkbackground-text);font-size:.65rem;margin-bottom:25px}.list{display:flex;justify-content:space-around}.list ul p{font-size:.75rem}.list ul li{list-style:none;color:var(--primary-darkbackground-text);font-size:.6rem;font-weight:700}.soft-skills{width:50%;border-right:none;margin:10px}.hard-skills{width:50%;margin:10px}}.project-card{width:300px;min-width:300px;max-width:300px;min-height:400px;max-height:400px;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box}.project-card img{width:100%;height:180px;min-height:180px;max-height:180px;object-fit:cover;border-radius:8px;margin-bottom:10px;box-sizing:border-box}.project-card>div{flex:1 1 auto;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;box-sizing:border-box;overflow:hidden}@media screen and (max-width: 768px){.project-card{width:95vw;min-width:95vw;max-width:95vw;min-height:250px;max-height:300px}.project-card img{height:100px;min-height:100px;max-height:100px}}.landing-page .navButtons a{font-size:2rem;padding:10.5px;border-radius:15.75px}.update-project-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:10vh}.update-project-form{background:#ffffff14;border-radius:14px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(255,255,255,.18);padding:32px 24px;margin:32px auto;max-width:420px;display:flex;flex-direction:column;gap:18px;color:var(--header-text-color)}.update-project-form label{display:flex;flex-direction:column;font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--header-text-color)}.update-project-form input[type=text],.update-project-form input[type=url],.update-project-form input[type=file],.update-project-form textarea{margin-top:6px;padding:10px 14px;border-radius:8px;border:1px solid var(--header-color);background:#ffffff1a;color:var(--header-text-color);font-size:1rem;font-family:inherit;outline:none;transition:border .2s}.update-project-form input[type=text]:focus,.update-project-form input[type=url]:focus,.update-project-form textarea:focus{border:1.5px solid var(--hovers)}.update-project-form textarea{min-height:80px;resize:vertical}.update-project-form button{font-size:1.1rem;padding:12px 24px;border-radius:12px;font-weight:600;margin-top:10px;background:var(--header-color);color:var(--header-text-color);border:none;cursor:pointer;transition:background .2s,color .2s}.update-project-form button:hover:not(:disabled){background:var(--hovers);color:#fff}.update-project-form .collaborator{background:#ffffff0a;border-radius:10px;padding:12px;margin-bottom:8px}.update-project-form .collaborator h2{font-size:1.1rem;margin-bottom:6px}.update-project-form .collaborator ul{margin:0 0 8px;padding-left:18px}.update-project-form .collaborator li{font-size:1rem;margin-bottom:4px;color:var(--primary-darkbackground-text)}@media screen and (max-width: 600px){.update-project-form{padding:18px 6vw;max-width:98vw}}