:root{--light-bg: bisque;--dark-bg: #121212;--light-text: #000;--dark-text: #fff;--light-button-bg: #ffffff;--dark-button-bg: #333333;--light-card-bg: #fff;--dark-card-bg: #1e1e1e}body.light{background-color:var(--light-bg);color:var(--light-text)}body.dark{background-color:var(--dark-bg);color:var(--dark-text)}body.light .navbar,body.light .dropdown-menu{background-color:var(--light-bg);color:var(--light-text)}body.dark .navbar,body.dark .dropdown-menu{background-color:var(--dark-bg);color:var(--dark-text)}body.light .navbar a,body.light .dropdown-menu a{color:var(--light-text)}body.dark .navbar a,body.dark .dropdown-menu a{color:var(--dark-text)}body.light .dropdown-menu a:hover{background-color:var(--dark-bg);color:var(--dark-text)}body.dark .dropdown-menu a:hover{background-color:var(--light-bg);color:var(--light-text)}body.dark .hamburger{box-shadow:5px 5px 10px #f2efef66;background-color:var(--dark-button-bg)}body.light .hamburger{box-shadow:5px 5px 10px #0b080866;background-color:var(--light-button-bg)}body.light .hamburger:hover{box-shadow:5px 5px 10px #0b0808}body.dark .hamburger:hover{box-shadow:5px 5px 10px #f2efef}body.light .logobar{background-color:var(--light-bg)}body.dark .logobar{background-color:var(--dark-bg)}body.light .themebar-light{background-color:var(--light-card-bg)}body.dark .themebar-dark{background-color:var(--dark-card-bg)}body.light .themebar-light.active-scale,body.dark .themebar-dark.active-scale{transform:scale(1.2)}body.dark .themebar{background-color:var(--dark-bg)}body.light .themebar{background-color:var(--light-bg)}button,.contact-submit-button,.about-contact-tab,.project-img-content-btn,.home-projects-button{transition:.3s}body.light button,body.light .project-img-content-btn,body.light .about-contact-tab,body.light .home-projects-button,body.light .contact-submit-button{background-color:var(--light-button-bg);color:var(--light-text)}body.dark button,body.dark .project-img-content-btn,body.dark .about-contact-tab,body.dark .home-projects-button,body.dark .contact-submit-button{background-color:var(--dark-button-bg);color:var(--dark-text)}body.light .home-container,body.light .about-container,body.light .project-container,body.light .contact-container,body.light .cvbuilder-container{background-color:var(--light-card-bg)}body.dark .home-container,body.dark .about-container,body.dark .project-container,body.dark .contact-container,body.dark .cvbuilder-container{background-color:var(--dark-card-bg)}body.dark .home-projects-button,body.dark .about-contact-tab,body.dark .skill-tab,body.dark .contact-submit-button,body.dark .contact-submit-button:hover,body.dark .contact-form,body.dark .project-img-content-btn,body.dark .navbar,body.dark .navbar h4:hover,body.dark .logobar,body.dark .cvbuilder-link-btn:hover,body.dark .dropdown-menu a{box-shadow:5px 5px 10px #f2efef66}body.light .home-projects-button,body.light .about-contact-tab,body.light .skill-tab,body.light .contact-submit-button,body.light .contact-submit-button:hover,body.light .contact-form,body.light .project-img-content-btn,body.light .navbar,body.light .navbar h4:hover,body.light .logobar,body.light .cvbuilder-link-btn:hover,body.light .dropdown-menu a{box-shadow:5px 5px 10px #0b080866}body.light .footer-container{box-shadow:0 -5px 10px #0b080866}body.dark .footer-container{box-shadow:0 -5px 10px #f2efef66}@media (max-width: 600px){.home-container{position:relative;width:100%;padding-top:25%;padding-bottom:10%;align-items:center;display:flex;justify-content:center;flex-direction:column}.home-head{text-align:center;font-size:2rem;font-weight:bolder}.home-content{text-align:center;font-size:1.1rem;padding-left:20px;padding-right:20px;width:70%}.home-projects-button{align-self:center;font-size:1.3rem;padding:10px 25px;border-radius:15px}.home-projects-button:hover{cursor:pointer;transform:scale(1.2);transition:transform .3s ease-out}.about-container{display:flex;flex-direction:column;padding-bottom:10%;align-items:center;text-align:center;position:relative;width:100%;gap:30px}.about-header{width:100%}.about-header h2{font-size:2.1rem;font-weight:700;text-decoration:underline}.about-header p{font-size:1.3rem}.about-content-skills{display:flex;flex-direction:column;justify-content:center;width:80%}.about-content{flex:1;display:flex;flex-direction:column;text-align:center}.about-content h4{font-size:2rem;text-align:center}.about-content p{font-size:1.1rem;text-align:center}.about-contact-tab{padding:8px;border-radius:10px;font-size:larger}.about-contact-tab:hover{cursor:pointer;transition:transform .4s ease;transform:scale(1.05)}.about-skills{flex:1;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.about-skills h4{font-size:1.3rem;text-align:right}.skill-tab{width:120px;border-radius:10px;display:flex;padding:5px;justify-content:space-around;align-items:center;font-size:.7rem}.skill-tabs{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:10px;text-align:center}.skill-tabs div{width:100%}.skill-tabs-items{display:flex;flex-wrap:wrap;gap:10px}.skill-tabs-heading{width:100%}.skill-tabs-heading h4{font-size:1.2rem}.contact-container{position:relative;display:flex;padding-bottom:10%;margin-bottom:20px;flex-direction:column;justify-content:space-around;width:100vw;gap:15px;align-items:center;align-self:center}.contact-head{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-header{font-size:2rem;font-weight:700;text-decoration:underline}.contact-header-content{font-size:1.3rem;text-align:center}.contact-submit-button{align-self:center;right:20%;width:50%;border-radius:5px;height:45px;font-size:1rem}.contact-submit-button:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.contact-form{display:flex;flex-direction:column;gap:30px;height:100%;width:100%;align-items:center;align-self:center;font-size:1.7rem;padding-top:10%;padding-bottom:5%;margin-bottom:20%;border-radius:10px}.contact-form-field{display:flex;flex-direction:column;width:80%}.contact-form-input{height:32px;border-radius:5px;width:100%}.contact-form-input-message{height:140px;width:100%;vertical-align:top;border-radius:5px;padding:5px;resize:none}.project-container{position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}.project-wrapper{margin:20px}.project-header{text-align:center;width:100%}.project-heading-content{font-size:1.2rem}.project-heading{font-size:2.1rem}.project-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:99vw}.project-todo-app,.project-cvmaker-app{margin-top:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.project-img img{width:100%;border-radius:5px}.project-img-content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:99%;font-size:1.3rem;text-align:center}.project-img-content h3{font-size:2.1rem}.project-img-content-btn{text-decoration:none;font-size:1.6rem;border-radius:5px;width:70%;padding:5px;text-align:center;color:inherit}.project-img-content-btn:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.22)}.navbar{z-index:5;position:fixed;top:0;right:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.navbar a{text-decoration:none;width:100%;height:100%}.navbar-right h4{padding:auto}.navbar-right{display:flex;flex-direction:row;justify-content:flex-end;width:30%;align-items:center}.navbar-left{display:flex;justify-content:flex-start;align-items:center;width:100%;flex-direction:row}.navbar-left h2{margin-left:10px;font-size:1.5rem;margin-top:25px}.profilePic{width:20%;object-fit:contain;border-radius:20px}.navbar-left img{border-radius:20px;margin-left:8px;margin-top:8px}.navbar h4{padding:12px 23px;border-radius:10px;visibility:hidden}.navbar-right h4 a{color:inherit}.navbar h4:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.25)}.hamburger{visibility:visible;display:block;min-width:29%;height:29%;margin:15px 6px;border-radius:10px;padding:12px}.hamburger:hover{cursor:pointer;border-radius:10px}.dropdown-menu{z-index:999;display:none;position:absolute;top:15vh;right:0;width:100%;flex-direction:column;text-align:center;padding:10px 0}.dropdown-menu.open{display:flex!important;flex-direction:column;opacity:1;transform:translateY(0);z-index:999}.dropdown-menu a{padding:10px;font-size:1.5rem;transition:.3s}.hamburger img{width:100%;border-radius:10px}.logobar{z-index:5;display:none;flex-direction:row;justify-content:space-around;align-items:center;height:auto;position:fixed;left:10px;padding:2px;bottom:5%;border-radius:10px}.logo{width:40px;height:40px;object-fit:cover;border-radius:15%}.logo:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.2)}.themebar{z-index:5;position:fixed;border-radius:20px;right:30%;left:30%;bottom:5%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-right:.5%}.themebar-light,.themebar-dark{display:flex;flex-direction:column;width:100%;height:45%;align-self:center;align-items:center;justify-content:center;object-fit:cover;border-radius:20px}.themebar img{width:60%;align-self:center}.themebar-light:hover{cursor:pointer;transition:transform .5s ease-in;transform:scale(1.2);background-color:#fff;border:1px solid white}.active-scale{transform:scale(1.2);transition:transform .3s ease-in-out}.themebar-dark:hover{cursor:pointer;transition:transform .5s ease-in;transform:scale(1.2);background-color:#333;border:1px solid #333}.footer-container{position:relative;height:auto;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-content{display:flex;flex-direction:column;width:100%;height:90%;justify-content:space-around;align-items:center}.footer-content-left{width:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;text-align:center}.footer-content-left p{font-size:1rem;font-weight:700}.footer-content-right{width:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.footer-right-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12%}.footer-logo img{object-fit:contain;width:40px}.footer-footnote{margin-top:8%;position:relative;bottom:5px;border-top:2px solid white;font-size:1rem;margin-bottom:18%;width:100%;text-align:center}.cvbuilder-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}}@media (min-width: 601px) and (max-width: 1024px){.home-container{position:relative;width:100%;height:100%;padding-top:30%;padding-bottom:10%;top:0;left:0;align-items:center;display:flex;justify-content:center;flex-direction:column}.home-head{text-align:center;font-size:2.4rem;font-weight:bolder}.home-content{text-align:center;font-size:1.4rem;padding-left:20px;padding-right:20px;width:70%}.home-projects-button{align-self:center;font-size:1.7rem;padding:10px 25px;border-radius:15px}.home-projects-button:hover{cursor:pointer;transform:scale(1.2);transition:transform .3s ease-out}.about-container{display:flex;flex-direction:column;padding-left:10%;padding-right:10%;padding-bottom:10%;align-items:center;text-align:center;position:relative;width:80%;top:100%;gap:30px}.about-header{width:80%}.about-header h2{font-size:2.1rem;font-weight:700;text-decoration:underline}.about-header p{font-size:1.5rem}.about-content-skills{display:flex;flex-direction:column;justify-content:center;width:80%}.about-content{flex:1;display:flex;flex-direction:column}.about-content h4{font-size:2.1rem;text-align:left}.about-content p{font-size:1.3rem;text-align:left}.about-contact-tab{padding:8px;border-radius:10px;font-size:larger}.about-contact-tab:hover{cursor:pointer;transition:transform .4s ease;transform:scale(1.05)}.about-skills{flex:1;display:flex;flex-wrap:wrap;justify-content:center;width:100%}.about-skills h4{font-size:1.4rem;text-align:right}.skill-tab{width:130px;border-radius:10px;display:flex;padding:5px;justify-content:center;align-items:center;font-size:1rem}.skill-tabs{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px;text-align:center}.frontend-tabs,.backend-tabs,.database-tabs,.authentication-security-tabs,.tools-deployement-tabs{display:flex;width:100%;flex-direction:column;justify-content:right;align-items:right}.skill-tabs-items{display:flex;flex-wrap:wrap;justify-content:end;align-items:end;gap:10px}.skill-tabs-heading h4{font-size:1.2rem}.contact-container{position:relative;display:flex;margin-bottom:20px;flex-direction:column;justify-content:space-between;border-radius:10px;width:100%;gap:20px;align-items:center;align-self:center}.contact-head{display:flex;flex-direction:column;justify-content:center;align-items:center;width:80%}.contact-header{font-size:2.1rem;font-weight:700;text-decoration:underline}.contact-header-content{font-size:1.4rem;text-align:center}.contact-submit-button{align-self:center;right:20%;width:50%;border-radius:5px;height:45px;font-size:1rem}.contact-submit-button:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.contact-form{display:flex;flex-direction:column;gap:30px;height:100%;width:80%;align-items:center;font-size:1.6rem;padding-top:10%;padding-bottom:5%;margin-bottom:20%;border-radius:10px}.contact-form-field{display:flex;flex-direction:column;width:80%}.contact-form-input{height:32px;border-radius:5px;width:100%}.contact-form-input-message{height:140px;width:100%;vertical-align:top;border-radius:5px;padding:5px;resize:none}.project-container{position:relative;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}.project-header{text-align:center;width:75%}.project-heading-content{font-size:1.4rem}.project-heading{font-size:2.1rem}.project-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw}.project-todo-app,.project-cvmaker-app{margin-top:80px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.project-img img{width:100%;border-radius:5px}.project-img-content{display:flex;flex-direction:column;justify-content:space-around;align-items:center;width:65%;font-size:1.4rem;text-align:center}.project-img-content h3{font-size:2.1rem}.project-img-content-btn{text-decoration:none;font-size:1.7rem;border-radius:5px;width:70%;padding:5px;text-align:center;color:inherit}.project-img-content-btn:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.22)}.navbar{z-index:5;position:fixed;top:0;right:0;left:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.navbar a{text-decoration:none;width:100%;height:100%}.navbar-right h4{padding:auto}.navbar-right{display:flex;flex-direction:row;justify-content:flex-end;width:50%;align-items:center}.navbar-left{display:flex;justify-content:flex-start;align-items:center;width:100%;flex-direction:row}.navbar-left h2{margin-left:2px;font-size:2rem}.profilePic{width:21%;object-fit:contain;border-radius:20px}.navbar-left img{border-radius:10px;margin-left:6px;margin-right:10px}.navbar h4{padding:12px 23px;border-radius:10px;visibility:hidden}.navbar-right h4 a{color:inherit}.dropdown-menu{display:none;position:absolute;top:18vh;right:0;width:100%;flex-direction:column;text-align:center;padding:10px 0}.navbar h4:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.25)}.hamburger{visibility:visible;display:block;min-width:15%;margin:8px;padding:7px;border-radius:10px}.hamburger:hover{cursor:pointer;border-radius:10px}.dropdown-menu.open{display:flex}.dropdown-menu a{padding:10px;text-decoration:none;font-size:1.7rem;transition:.3s}.hamburger img{width:100%;border-radius:10px}.logobar{z-index:5;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:auto;width:8%;position:fixed;left:10px;top:30%;bottom:20%;border-radius:10px}.logo{width:40px;height:40px;object-fit:cover;border-radius:15%}.logo:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.2)}.themebar{z-index:5;position:fixed;border-radius:20px;right:10px;width:8%;top:39%;bottom:39%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-right:.5%}.themebar-light,.themebar-dark{display:flex;flex-direction:column;width:100%;height:45%;align-self:center;align-items:center;justify-content:center;object-fit:cover;border-radius:20px}.themebar img{width:60%;align-self:center}.themebar-light:hover{cursor:pointer;transition:transform .5s ease-in;transform:scale(1.2);background-color:#fff;border:1px solid white}.active-scale{transform:scale(1.2);transition:transform .3s ease-in-out}.themebar-dark:hover{cursor:pointer;transition:transform .5s ease-in;transform:scale(1.2);background-color:#333;border:1px solid #333}.footer-container{position:relative;height:auto;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;left:0}.footer-content{display:flex;flex-direction:column;width:80%;height:90%;justify-content:center;align-items:center}.footer-content-left{width:80%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-content-left p{font-size:1.5rem}.footer-content-right{width:80%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.footer-right-logos{display:flex;justify-content:center;align-items:center;gap:30%}.footer-logo img{object-fit:contain;width:40px}.footer-footnote{margin-top:8%;position:relative;bottom:5px;border-top:2px solid white;font-size:1.3rem}}@media (min-width: 1025px){.home-container{position:relative;width:100%;height:100%;padding-top:10%;padding-bottom:10%;top:0;left:0;align-items:center;display:flex;justify-content:center;flex-direction:column}.home-head{text-align:center;font-size:3rem;font-weight:bolder}.home-content{text-align:center;font-size:1.7rem;padding-left:20px;padding-right:20px;width:70%}.home-projects-button{align-self:center;font-size:2rem;padding:10px 25px;border-radius:15px}.home-projects-button:hover{cursor:pointer;transform:scale(1.2);transition:transform .3s ease-out}.about-container{display:flex;flex-direction:column;padding-left:10%;padding-right:10%;padding-bottom:10%;align-items:center;text-align:center;position:relative;min-height:100%;width:80%;top:100%;gap:30px}.about-header h2{font-size:2.2rem;font-weight:700;text-decoration:underline}.about-header p{font-size:1.4rem}.about-content-skills{display:flex;justify-content:center}.about-content{flex:1;display:flex;flex-direction:column}.about-content h4{font-size:1.7rem;text-align:left}.about-content p{font-size:1.3rem;text-align:left}.about-contact-tab{padding:8px;border-radius:10px;font-size:larger}.about-contact-tab:hover{cursor:pointer;transition:transform .4s ease;transform:scale(1.05)}.about-skills{flex:1;display:flex;flex-wrap:wrap;justify-content:end;width:38%}.about-skills h4{font-size:1.7rem;text-align:right}.skill-tab{width:150px;border-radius:10px;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.skill-tabs{display:flex;flex-direction:column;justify-content:flex-start;flex-wrap:wrap;gap:65px;text-align:center}.skill-tabs-items{display:flex;flex-wrap:wrap;justify-content:end;align-items:end;gap:10px}.skill-tabs-heading h4{font-size:1.2rem}.contact-container{position:relative;display:flex;padding-bottom:40px;flex-direction:column;justify-content:space-around;border-radius:10px;width:100%;text-align:center;align-items:center;align-self:center}.contact-head{display:flex;flex-direction:column;justify-content:center;align-items:center}.contact-header{font-size:2rem;font-weight:700;text-decoration:underline}.contact-header-content{font-size:1.2rem}.contact-submit-button{align-self:center;right:20%;width:50%;border-radius:5px;height:45px;font-size:1.2rem;margin-bottom:14px}.contact-submit-button:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.contact-form{display:flex;flex-direction:column;gap:30px;height:100%;width:60%;align-items:center;font-size:2rem;padding-top:10%;border-radius:10px}.contact-form-field{display:flex;flex-direction:column;width:80%}.contact-form-input{height:32px;border-radius:5px;width:100%}.contact-form-input-message{height:140px;width:100%;vertical-align:top;border-radius:5px;padding:5px;resize:none}.project-container{position:relative;height:100%;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-bottom:10%}.project-header{text-align:center}.project-heading-content{font-size:1.3rem}.project-heading{font-size:2.5rem}.project-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80vw}.project-todo-app,.project-cvmaker-app{margin-top:80px;display:flex;justify-content:space-between;align-items:center;width:100%}.project-img img{width:90%;border-radius:5px}.project-img-content{display:flex;flex-direction:column;justify-content:space-around;align-items:left;width:65%;font-size:1.4rem}.project-img-content h3{font-size:2.4rem}.project-img-content-btn{text-decoration:none;font-size:2rem;border-radius:5px;width:70%;padding:5px;text-align:center;color:inherit}.project-img-content-btn:hover{cursor:pointer;transition:transform .3s ease-out;transform:scale(1.22)}.navbar{z-index:5;position:fixed;top:0;right:0;left:0;display:flex;flex-direction:row;justify-content:space-between;height:12%;align-items:center}.navbar a{text-decoration:none;width:100%;height:100%}.navbar-right h4{padding:auto}.dropdown-menu{display:none;position:absolute;top:60px;right:0;width:100%;flex-direction:column;text-align:center;padding:10px 0}.navbar-right{display:flex;flex-direction:row;justify-content:space-around;width:50%}.navbar-left{display:flex;justify-content:space-evenly;width:30%;flex-direction:row}.navbar-left h2{font-size:2rem;padding-top:12px}.profilePic{width:20%;object-fit:contain;border-radius:50px}.navbar-left img{border-radius:50px}.navbar h4{padding:12px 23px;border-radius:10px}.navbar-right h4 a{color:inherit}.navbar h4:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.25)}.logobar{z-index:5;display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:auto;width:5%;position:fixed;left:10px;top:30%;bottom:20%;border-radius:10px}.logo{width:40px;height:40px;object-fit:cover;border-radius:15%}.logo:hover{cursor:pointer;transition:transform .3s ease;transform:scale(1.2)}.themebar{z-index:5;position:fixed;border-radius:20px;right:10px;width:5%;top:39%;bottom:39%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-right:.5%}.themebar-light,.themebar-dark{display:flex;flex-direction:column;width:100%;height:45%;align-self:center;align-items:center;justify-content:center;object-fit:cover;border-radius:20px}.themebar img{width:60%;align-self:center}.active-scale{transform:scale(1.2);transition:transform .3s ease-in-out}body.light .themebar-light:hover,body.light .themebar-dark:hover{background-color:#d9d9d9;transition:transform .3s ease;cursor:pointer;transform:scale(1.2)}body.dark .themebar-light:hover,body.dark .themebar-dark:hover{background-color:#1e1e1e;transition:transform .3s ease;cursor:pointer;transform:scale(1.2)}.footer-container{position:relative;height:45vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:0;left:0}.footer-content{display:flex;width:80%;height:90%;justify-content:space-between;gap:20px}.footer-content-left{width:50%;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.footer-left-name p{font-size:1.4rem}.footer-content-right{width:35%;text-align:right}.footer-right-logos{display:flex;justify-content:space-between;gap:10%}.footer-logo img{object-fit:contain;width:40px}.footer-footnote{position:absolute;bottom:5px;border-top:2px solid white;font-size:1.1rem}.cvbuilder-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.hamburger{display:none}}body.light .tasknest-container{background-color:bisque;color:#111}body.dark .tasknest-container{background-color:#121212;color:#f5f5f5}body.light .tasknest-content-img,body.light .tasknest-tool,body.light .tasknest-link-btn,body.light .tasknest-heading-btn,body.light .nav-index,body.light .toggle-nav{background-color:#fff8f0;box-shadow:4px 4px 10px #00000040}body.light .tasknest-container,body.light .tasknest-content,body.light .tasknest-content-img-overview{background-color:#fff8f0}body.dark .tasknest-content-img,body.dark .tasknest-tool,body.dark .tasknest-link-btn,body.dark .tasknest-heading-btn,body.dark .nav-index,body.dark .toggle-nav{background-color:#111;box-shadow:4px 4px 10px #ffffff26}body.dark .tasknest-container,body.dark .tasknest-content,body.dark .tasknest-content-img-overview{background-color:#1e1e1e}.tasknest-link-btn a,.tasknest-heading-btn a{color:inherit}@media (max-width: 600px){.tasknest-container{display:flex;flex-direction:column;min-height:100vh;width:100%;position:relative;padding-top:25%;align-items:center;align-self:center;padding-bottom:7%}.tasknest-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100vw;margin-top:8%;gap:28px}.tasknest-heading{font-size:1.8rem;text-align:center}.tasknest-heading-content{text-align:center;font-size:1.2rem}.tasknest-heading-btn{width:80%;padding:10px 20px;border-radius:5px;font-size:1.2rem}.tasknest-heading-btn a{color:inherit}.tasknest-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.tasknest-content{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.tasknest-content h3{font-size:1.8rem}.tasknest-content-img{overflow:hidden;width:95%;height:auto;display:flex;justify-content:center;align-items:center;border-radius:5px;box-sizing:border-box}.tasknest-project-image{width:94%;height:auto;object-fit:contain;display:block;border-radius:5px}.tasknest-content-img-overview{margin-top:5%;width:100vw;font-size:1.3rem;display:flex;flex-direction:column;text-align:center;align-items:center}.tasknest-toolbox{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10%;flex-wrap:wrap;font-size:1.2rem}.tasknest-toolbox h4{font-size:1.8rem;text-align:center}.frontend-tools,.backend-tools,.libraries-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:1%}.tasknest-tools{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:4%}.tasknest-tools h3{font-size:1.7rem}.tasknest-tool{border-radius:10px;padding:8px 16px;font-weight:700;margin-top:4%}.tasknest-links{margin-top:5%;display:flex;flex-direction:row;justify-content:center;width:100vw}.tasknest-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1rem;margin-top:10%}.key-features-section{width:85%}.features-list li{list-style:none;padding-top:13px;padding-bottom:13px;width:90%}.tasknest-link-btn a{text-decoration:none;color:inherit}.tasknest-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.achievements-list{width:85%}.achievement-list-head{text-align:center;font-size:1.7rem}.achievements-list-points{font-size:1rem;text-align:center}.achievements-list-points ul li{margin-top:10px;list-style:none;margin-right:30px}.api-endpoints{width:85%}.api-endpoints-main-head{text-align:center;font-size:1.7rem}.api-endpoints-head{text-align:center}.api-endpoints-points ul li{list-style:none;padding-top:12px;padding-bottom:12px;padding-right:15px}.architecture-calendar{width:85%}.architecture-calendar-main-head{text-align:center;font-size:1.7rem}.architecture-calendar-head{text-align:center}.architecture-calendar-notes ul li{font-size:1rem;list-style:none;padding-top:12px;padding-bottom:12px}.security-notes{width:85%}.security-notes-head{text-align:center;font-size:1.7rem}.security-notes-points{font-size:1rem}.security-notes ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.architecture-calendar{margin-top:50px;margin-bottom:50px;padding-right:15px}.challenges{width:85%}.challenges-head{text-align:center;font-size:1.7rem}.challenges-points{font-size:1rem;padding-right:15px}.challenges-points ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.future-improvement{width:85%}.future-improvement-head{text-align:center;font-size:1.7rem}.future-improvement-points{font-size:1rem;padding-right:15px}.future-improvement-points ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.vanilla-js-head{text-align:center}.vanilla-js-content{font-size:1rem;margin:10px}.fixed-nav{position:fixed;bottom:20%;left:92%;z-index:1000;text-align:center}.toggle-nav{width:6vw;height:18vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.2rem;border-radius:5px;border:0;font-weight:bolder}.vertical-label{writing-mode:vertical-lr;text-orientation:upright;line-height:1;font-size:.9em;letter-spacing:1px}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{position:fixed;right:1vw;top:30vh;max-height:70vh;width:max-content;max-width:90vw;padding:10px;overflow-y:auto;color:inherit;border-radius:8px}.nav-index a{display:block;padding:4px 3px;text-decoration:none;list-style:none;width:100%}.nav-index.active{display:flex;flex-direction:column}.toggle-nav:before{content:"◀"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}}@media (min-width: 601px) and (max-width: 1024px){.tasknest-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative;margin-top:15%;align-items:center;align-self:center;padding-bottom:3%}.tasknest-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:60vw;margin-top:8%;gap:28px}.tasknest-heading{font-size:2.3rem;text-align:center}.tasknest-heading-content{text-align:center;font-size:1.4rem}.tasknest-heading-btn{width:60%;padding:10px 20px;border-radius:5px;font-size:1.5rem}.tasknest-heading-btn a{color:inherit}.tasknest-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.tasknest-content{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.tasknest-content h3{font-size:2.2rem}.tasknest-content-img{overflow:hidden;width:75vw;max-width:85vw;height:auto;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;box-sizing:border-box}.tasknest-project-image{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:5px}.tasknest-content-img-overview{width:60vw;font-size:1.6rem;width:75vw;text-align:center}.tasknest-toolbox{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:10%;flex-wrap:wrap;font-size:1.4rem}.tasknest-toolbox h4{font-size:1.8rem;text-align:center}.tasknest-tools{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:4%;width:80%}.tasknest-tools h3{font-size:2.3rem}.tasknest-tool{border-radius:10px;padding:10px 20px;font-weight:700;margin-top:4%}.frontend-tools,.backend-tools,.libraries-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:1%}.tasknest-links{margin-top:5%;display:flex;flex-direction:row;justify-content:space-between;width:75vw}.tasknest-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1.3rem;margin-top:10%}.tasknest-link-btn a{text-decoration:none;color:inherit}.tasknest-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.key-features-section{width:80%}.features-list li{list-style:none;padding-top:10px;padding-bottom:10px}.achievements-list{width:80%}.achievement-list-head{text-align:center}.achievements-list-points{font-size:1.2rem}.achievements-list-points ul li{font-size:1.1rem;list-style:none;padding-top:10px;padding-bottom:10px}.architecture-calendar-main-head{text-align:center;font-size:1.8rem}.architecture-calendar-head{text-align:center;font-size:1.5rem}.architecture-calendar-notes ul li{font-size:1.2rem;list-style:none;padding-top:12px;padding-bottom:12px}.api-endpoints{width:80%}.api-endpoints-main-head{text-align:center;font-size:1.8rem}.api-endpoints-head{text-align:center}.api-endpoints-points ul li{list-style:none;padding-top:12px;padding-bottom:12px;font-size:1.1rem}.security-notes{width:80%}.security-notes-head{text-align:center;font-size:1.8rem}.security-notes-points{font-size:1.2rem}.security-notes ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.architecture-calendar{margin-top:50px;margin-bottom:50px;width:80%}.challenges{width:80%}.challenges-head{text-align:center;font-size:1.8rem}.challenges-points{font-size:1.2rem}.challenges-points ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.future-improvement{width:80%}.future-improvement-head{text-align:center;font-size:1.8rem}.future-improvement-points{font-size:1.2rem}.future-improvement-points ul li{margin-top:10px;list-style:none;padding-top:10px;padding-bottom:10px}.vanilla-js-container{width:80%}.vanilla-js-head{text-align:center}.vanilla-js-content{font-size:1.2rem}.fixed-nav{position:fixed;bottom:01%;left:50%;z-index:10000}.toggle-nav{width:50vw;height:4.5vh;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border:0;font-weight:bolder}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{display:none;position:fixed;right:2px;bottom:.5%;text-align:left;width:45vw}.fixed-nav a:hover{border-radius:12px}.nav-index a{text-decoration:none;color:inherit;list-style:none;text-align:center;width:100%}.toggle-nav:before{content:"▲"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}.nav-index.active{display:flex;flex-direction:column}}@media (min-width: 1025px){.tasknest-container{display:flex;flex-direction:column;min-height:100%;width:100vw;position:relative;align-items:center;align-self:center;padding-bottom:2%}.tasknest-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:60vw;margin-top:8%;gap:28px}.tasknest-heading{font-size:2.6rem;text-align:center}.tasknest-heading-content{text-align:center;font-size:1.4rem}.tasknest-heading-btn{width:40%;padding:10px 20px;border-radius:5px;font-size:1.8rem}.tasknest-heading-btn a{color:inherit}.tasknest-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.tasknest-content{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.tasknest-content h3{font-size:2.6rem}.tasknest-content-img{overflow:hidden;width:75vw;max-width:85vw;height:auto;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;box-sizing:border-box}.tasknest-project-image{width:100%;height:auto;max-width:100%;max-height:100%;object-fit:contain;display:block;border-radius:5px}.tasknest-content-img-overview{width:60vw;font-size:1.8rem;width:75vw;text-align:center}.tasknest-toolbox{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:3%;flex-wrap:wrap;width:70%}.tasknest-tools{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.tasknest-toolbox h4{font-size:1.8rem;text-align:center}.frontend-tools,.backend-tools,.libraries-tools{display:flex;flex-direction:row;gap:5px}.tasknest-tools h3{font-size:2.3rem}.tasknest-tool{border-radius:10px;padding:10px 20px;font-weight:700;margin-top:10px;margin-bottom:10px}.tasknest-tool:hover{transform:translateY(-2px)}.tasknest-links{margin-top:5%;display:flex;flex-direction:row;justify-content:space-between;width:30vw}.tasknest-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1.1rem}.tasknest-link-btn a{text-decoration:none;color:inherit}.tasknest-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.hamburger{display:none}.achievements-list{width:80%}.achievement-list-head{text-align:center}.achievements-list-points{font-size:1.4rem}.achievements-list-points ul li{margin-top:10px}.architecture-calendar{width:80%}.architecture-calendar-main-head{text-align:center;font-size:1.8rem}.architecture-calendar-head{text-align:center;font-size:1.5rem}.architecture-calendar-notes ul li{font-size:1.4rem;margin-top:10px}.api-endpoints{width:80%}.api-endpoints-main-head{text-align:center;font-size:1.8rem}.api-endpoints-head{text-align:center}.api-endpoints-points ul li{padding-top:12px;padding-bottom:12px;padding-right:15px;font-size:1.4rem}.security-notes{width:80%}.security-notes-head{text-align:center;font-size:1.8rem}.security-notes-points{font-size:1.4rem}.security-notes ul li{margin-top:10px}.architecture-calendar{margin-top:50px;margin-bottom:50px}.challenges{width:80%}.challenges-head{text-align:center;font-size:1.8rem}.challenges-points{font-size:1.4rem}.challenges-points ul li{margin-top:10px}.future-improvement{width:80%}.future-improvement-head{text-align:center;font-size:1.8rem}.future-improvement-points{font-size:1.4rem}.future-improvement-points ul li{margin-top:10px}.vanilla-js-container{width:80%}.vanilla-js-head{text-align:center}.vanilla-js-content{font-size:1.4rem}.key-features-section{width:80%}.key-features-section h3{text-align:center}.features-list{font-size:1.3rem}.features-list li{margin:10px}.fixed-nav{position:fixed;top:12%;left:74.5%;z-index:10000}.toggle-nav{width:25vw;height:4.5vh;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border-top:1px solid;font-weight:700}.nav-index{display:none;position:absolute;width:45vw;right:2;width:100%;text-align:center}.nav-index a{display:block;width:100%;text-decoration:none;color:inherit;padding:8px 10px;text-align:center}.nav-index a:hover{border-radius:12px}.nav-index.active{display:flex;flex-direction:column}.toggle-nav:before{content:"▼";transition:transform .3s ease}}body.light .cvbuilder-container{background-color:#fff8f0;color:#111}body.dark .cvbuilder-container{background-color:#1e1e1e;color:#f5f5f5}body.light .cvbuilder-tool,body.light .cvbuilder-link-btn,body.light .cvbuilder-heading-btn,body.light .nav-index,body.light .toggle-nav{background-color:bisque;box-shadow:4px 4px 10px #00000040}body.light .cvbuilder-content-img,body.light .cvbuilder-content-img-overview,body.light .project-highlights,body.light .challenge-item,body.light .future-container,body.light .tech-imp-item,body.light .back-arch-item{background-color:#fff8f0;color:#111}body.dark .cvbuilder-tool,body.dark .cvbuilder-link-btn,body.dark .cvbuilder-heading-btn,body.dark .nav-index,body.dark .toggle-nav{background-color:#1e1e1e;box-shadow:4px 4px 10px #ffffff26}body.dark .cvbuilder-content-img,body.dark .cvbuilder-content-img-overview,body.dark .project-highlights,body.dark .challenge-item,body.dark .future-container,body.dark .tech-imp-item,body.dark .back-arch-item{background-color:#1e1e1e;color:#f5f5f5}.cvbuilder-link-btn a,.cvbuilder-heading-btn a{color:inherit}@media (max-width: 600px){.cvbuilder-container{display:flex;flex-direction:column;overflow:hidden;position:relative;padding-top:25%;width:100vw;align-items:center;align-self:center;padding-bottom:5%}.cvbuilder-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:100%;margin-top:8%;gap:28px}.cvbuilder-heading{font-size:1.8rem;text-align:center}.cvbuilder-heading-content{text-align:center;font-size:1rem}.cvbuilder-heading-btn{width:80%;padding:10px 20px;border-radius:5px;font-size:1.2rem}.cvbuilder-heading-btn a{color:inherit}.cvbuilder-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.cvbuilder-content{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center}.cvbuilder-content h3{font-size:1.8rem}.cvbuilder-content-img{overflow:hidden;max-width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;box-sizing:border-box}.cvbuilder-form-content p,.cvbuilder-stylepage-content p{margin-left:2%;margin-right:2%}.cvbuilder-project-image-left,.cvbuilder-project-image-right{width:100%;height:auto;object-fit:contain;display:block;border-radius:5px;display:flex;justify-content:center;align-items:center}.cvbuilder-layout-img-content p{margin-left:2%;margin-right:2%}.cvbuilder-project-image-preview{max-width:100%;height:auto;object-fit:contain;display:block;border-radius:5px}.cvbuilder-content-img-overview{font-size:1rem;text-align:center;overflow:hidden;padding:20px;margin-left:2%;margin-right:2%}.cvbuilder-fullscreen-img-content p{margin-left:2%;margin-right:2%}.cvbuilder-fullscreen-image{width:100%;height:auto;object-fit:contain;display:block;border-radius:5px;display:flex;justify-content:center;align-items:center}.cvbuilder-tools{margin-top:10%}.cvbuilder-toolbox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1%}.toolbox-items{display:flex;flex-direction:column}.toolbox-items h4{font-size:1.6rem;text-align:center}.toolbox-item{display:flex;flex-wrap:wrap;gap:7px;justify-content:space-around}.cvbuilder-tools{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}.cvbuilder-tool:hover{transform:translateY(-2px)}.cvbuilder-tools h3{font-size:2.3rem}.cvbuilder-tool{border-radius:10px;padding:8px 16px;font-weight:700}.future-container{text-align:center;margin-top:10%}.cvbuilder-links{margin-top:5%;display:flex;flex-direction:row;justify-content:center;width:100%}.cvbuilder-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1rem;margin-top:10%}.cvbuilder-link-btn a{text-decoration:none;color:inherit}.future-container h3,.cvbuilder-tool-head h3,.challenges-container,.backend-architecture-container,.technical-implementation-container,.project-highlights{text-align:center}.fixed-nav{position:fixed;bottom:20%;left:92%;z-index:1000;text-align:center}.toggle-nav{width:6vw;height:18vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.2rem;border-radius:5px;border:0;font-weight:bolder}.vertical-label{writing-mode:vertical-lr;text-orientation:upright;line-height:1;font-size:.9em;letter-spacing:1px}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{position:fixed;right:1vw;top:30vh;max-height:70vh;width:max-content;max-width:90vw;padding:10px;overflow-y:auto;border-radius:8px}.nav-index-item{list-style:none;width:100%}.nav-index-item a{display:block;padding:4px 3px;text-decoration:none}.toggle-nav:before{content:"◀"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}.nav-index.active{display:flex;flex-direction:column}}@media (min-width: 601px) and (max-width: 1024px){.cvbuilder-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative;padding-top:15%;align-items:center;align-self:center;padding-bottom:4%}.cvbuilder-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;width:80vw;margin-top:8%;gap:28px}.cvbuilder-header p{font-size:1.6rem}.cvbuilder-heading{font-size:2.3rem;text-align:center}.cvbuilder-heading-content{text-align:center;font-size:1.2rem}.cvbuilder-heading-btn{width:60%;padding:10px 20px;border-radius:5px;font-size:1.5rem}.cvbuilder-heading-btn a{color:inherit}.cvbuilder-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.project-highlights{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:8%}.project-highlights h3{font-size:2rem}.project-highlights h4{font-size:1.4rem}.project-highlights p{font-size:1.3rem}.highlight-content{width:80%;display:flex;flex-wrap:wrap;justify-content:space-evenly;align-items:center;text-align:center;gap:40px}.highlight-item-1,.highlight-item-3{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;text-align:left;width:30vw;height:25vh}.highlight-item-2,.highlight-item-4{display:flex;flex-direction:column;justify-content:right;align-items:right;text-align:right;width:30vw;height:25vh}.technical-implementation-container{width:80%;display:flex;flex-direction:column;align-items:center}.technical-implementation-container h3{font-size:2rem}.technical-implementation-container h4{font-size:1.6rem;text-align:center}.technical-implementation-container p,.technical-implementation-container ul li{font-size:1.4rem}.backend-architecture-container{width:80%;display:flex;flex-direction:column;align-items:center}.backend-architecture-container h3{font-size:2rem;text-align:center}.backend-architecture-container p,.backend-architecture-container h4{font-size:1.4rem;text-align:center}.challenges-container{width:80%;display:flex;flex-direction:column;align-items:center}.challenges-container h3{font-size:2rem;text-align:center}.challenges-container h4{font-size:1.6rem;text-align:center}.challenges-container p{font-size:1.4rem;text-align:center}.cvbuilder-content{margin-top:5%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:80%}.cvbuilder-content h3{font-size:2.2rem}.cvbuilder-content h4{font-size:1.6rem;text-align:center}.cvbuilder-content-img{overflow:hidden;width:100%;height:auto;display:flex;justify-content:center;align-items:center;padding:10px;border-radius:5px;box-sizing:border-box}.cvbuilder-form-content{margin-bottom:50px;margin-top:50px}.cvbuilder-form-content p{font-size:1.6rem;margin-left:2%;margin-right:2%}.cvbuilder-project-image,.cvbuilder-project-image-preview{width:100%;height:auto;max-width:80%;max-height:80%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-content-img-overview{width:60vw;font-size:1.6rem;width:75vw;text-align:center;margin-left:3%;margin-right:7%}.cvbuilder-project-image-left{width:80%;height:50%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-stylepage-content{margin-bottom:50px}.cvbuilder-stylepage-content p{font-size:1.6rem;margin-left:5%;margin-right:5%}.cvbuilder-fullscreen-img-content{margin-bottom:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cvbuilder-fullscreen-img-content p{font-size:1.6rem;margin-left:5%;margin-right:5%}.cvbuilder-fullscreen-image{width:100%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-project-image-right{width:100%;height:auto;object-fit:contain;display:block;border-radius:5px}.cvbuilder-layout-img-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-bottom:50px}.cvbuilder-layout-img-content p{font-size:1.6rem;margin-left:5%;margin-right:5%}.cvbuilder-tools{width:80%}.cvbuilder-toolbox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1%}.toolbox-items{display:flex;flex-direction:column}.toolbox-items h4{font-size:1.6rem;text-align:center}.toolbox-item{display:flex;gap:7px}.cvbuilder-tools{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}.cvbuilder-tool:hover{transform:translateY(-2px)}.cvbuilder-tools h3{font-size:2.3rem}.cvbuilder-tool{border-radius:10px;padding:8px 16px;font-weight:700}.cvbuilder-links{margin-top:5%;display:flex;flex-direction:row;justify-content:space-between;width:75vw}.cvbuilder-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1.3rem;margin-top:10%}.cvbuilder-link-btn a{text-decoration:none;color:inherit}.cvbuilder-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.future-container{margin-top:10%;width:80%;display:flex;flex-direction:column;align-items:center}.future-container h3{font-size:2rem}.future-container ul li{font-size:1.4rem}.fixed-nav{position:fixed;bottom:1%;left:50%;z-index:10000}.toggle-nav{width:50vw;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border:0;font-weight:bolder}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{display:none;position:fixed;right:2px;bottom:3.6%;text-align:left;width:45vw;overflow-y:auto;padding:10px;border-radius:8px}.fixed-nav a:hover{border-radius:12px}.nav-index a{text-decoration:none;color:inherit;text-align:center;width:100%}.toggle-nav:before{content:"▲"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}.nav-index.active{display:flex;flex-direction:column}}@media (min-width: 1025px){.cvbuilder-container{display:flex;flex-direction:column;width:100vw;position:relative;padding-top:15%;justify-content:center;align-items:center;align-self:center;padding-bottom:4%}.cvbuilder-header{display:flex;align-items:center;flex-direction:column;justify-content:space-between;align-self:center;width:60vw;margin-top:10%;gap:28px}.cvbuilder-heading{font-size:2.6rem;text-align:center}.cvbuilder-heading-content{text-align:center;font-size:1.4rem}.cvbuilder-heading-btn{width:40%;padding:10px 20px;border-radius:5px;font-size:1.8rem}.cvbuilder-heading-btn a{color:inherit}.cvbuilder-heading-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.cvbuilder-content{margin-top:10%;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.cvbuilder-content h3{font-size:2.6rem}.cvbuilder-content h4{font-size:1.8rem;text-align:center}.cvbuilder-content-img{overflow:hidden;width:100%;height:auto;display:flex;justify-content:space-around;align-items:center;padding:10px;border-radius:5px;box-sizing:border-box}.cvbuilder-project-image-preview{width:55%;height:auto;object-fit:contain;display:block;border-radius:5px}.cvbuilder-project-image{height:auto;max-width:40%;max-height:50%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-project-image-left{width:50%;height:50%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-project-image-right{width:50%;object-fit:contain;display:block;border-radius:5px}.cvbuilder-content-img-overview{width:80%;font-size:1.8rem;display:flex;justify-content:center;align-items:center;padding-left:10%}.cvbuilder-fullscreen-img-content{margin-top:10%}.cvbuilder-fullscreen-img-content-heading{text-align:center;font-size:1.8rem}.cvbuilder-fullscreen-img-content-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%}.cvbuilder-fullscreen-image{width:80%;height:auto;object-fit:contain;display:block;border-radius:5px}.cvbuilder-fullscreen-img-content p{font-size:1.56rem;width:80%}.cvbuilder-tools{margin-top:10%}.cvbuilder-toolbox{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:2%}.toolbox-items{display:flex;flex-direction:column}.toolbox-items h4{font-size:1.6rem;text-align:center}.toolbox-item{display:flex;gap:7px}.cvbuilder-tools{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.cvbuilder-tool:hover{transform:translateY(-2px)}.cvbuilder-tools h3{font-size:2.3rem}.cvbuilder-tool{border-radius:10px;padding:10px 20px;font-weight:700}.cvbuilder-links{margin-top:10%;display:flex;flex-direction:row;justify-content:space-between;width:30vw}.cvbuilder-link-btn{width:45%;padding:8px 15px;border-radius:5px;font-size:1.1rem}.cvbuilder-link-btn a{text-decoration:none;color:inherit}.cvbuilder-link-btn:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.cvbuilder-form-content{margin-top:10%}.cvbuilder-form-content-heading{text-align:center;font-size:1.8rem}.cvbuilder-form-content-content{display:flex;flex-direction:row;justify-content:space-around;align-items:center;width:80%}.cvbuilder-form-content p{font-size:1.56rem;width:50%}.hamburger{display:none}.cvbuilder-stylepage-content{margin-top:10%}.cvbuilder-stylepage-content-heading{text-align:center;font-size:1.8rem}.cvbuilder-stylepage-content-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:80%}.cvbuilder-stylepage-content p{font-size:1.56rem;width:70%}.cvbuilder-layout-img-content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding-left:9%;margin-top:10%}.cvbuilder-layout-img-content-heading{font-size:1.8rem;width:100%;text-align:center;margin-right:18%}.cvbuilder-layout-img-content-content{display:flex;flex-direction:row}.cvbuilder-layout-img-content p{font-size:1.56rem;width:45%}.project-highlights{margin-top:10%;width:100%;display:flex;flex-direction:column;align-items:center}.project-highlights h3{text-align:center;font-size:2rem}.highlight-content{display:flex;text-align:center;justify-content:space-around;align-items:center;width:80vw;font-size:1.25rem}.technical-implementation-container{width:80vw;margin-top:10%}.technical-implementation-container h3{font-size:2rem;text-align:center}.tech-imp-item h4{text-align:center;font-size:1.8rem}.tech-imp-item p{text-align:center;font-size:1.6rem}.tech-imp-item ul li{list-style:none;text-align:center;font-size:1.3rem}.backend-architecture-container{margin-top:10%;width:80vw}.backend-architecture-container h3{font-size:2rem;text-align:center}.back-arch-item{text-align:center}.back-arch-item h4{font-size:1.6rem}.back-arch-item p{font-size:1.4rem}.challenges-container{margin-top:10%;width:80vw}.challenges-container h3{text-align:center;font-size:2rem}.challenge-item h4{font-size:1.6rem;text-align:center}.challenge-item p{font-size:1.4rem;text-align:center}.future-container{margin-top:10%}.future-container h3{font-size:2rem;text-align:center}.future-container ul li{font-size:1.3rem}.main-content{margin-top:100px}.fixed-nav{position:fixed;top:12%;left:74.5%;z-index:10000;width:25vw}.toggle-nav{width:25vw;height:4.5vh;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border-top:1px solid;font-weight:700}.nav-index{display:none;position:absolute;width:45vw;right:2;width:100%;text-align:center}.nav-index a{display:block;width:100%;text-decoration:none;color:inherit;padding:8px 10px;text-align:center}.nav-index a:hover{border-radius:12px}.nav-index.active{display:flex;flex-direction:column}.toggle-nav:before{content:"▼";transition:transform .3s ease}}body.light .project-details-container{background-color:#fff8f0;color:#111}body.dark .project-details-container{background-color:#1e1e1e;color:#f5f5f5}body.light .btn-primary,body.light .btn-secondary,body.light .nav-index,body.light .toggle-nav{background-color:bisque;box-shadow:4px 4px 10px #00000040}body.light .overview-item,body.light .tech-category,body.light .feature-card,body.light .challenge-item,body.light .impact-item,body.light .lesson-item{background-color:#fff8f0}body.dark .btn-primary,body.dark .btn-secondary,body.dark .nav-index,body.dark .toggle-nav{background-color:#121212;box-shadow:4px 4px 10px #ffffff26}body.dark .overview-item,body.dark .tech-category,body.dark .feature-card,body.dark .challenge-item,body.dark .impact-item,body.dark .lesson-item{background-color:#1e1e1e}.btn-primary a,.btn-secondary a,.nav-index-item a{color:inherit}body.light .nav-index a:hover{background-color:#1e1e1e;color:#f5f5f5;font-weight:700}body.dark .nav-index a:hover{background-color:#fff8f0;color:#111;font-weight:700}@media (max-width: 600px){.project-details-container{padding-top:15vw;width:100vw;display:flex;flex-direction:column;align-items:center}.project-hero{padding:60px 0 40px;text-align:center;width:80vw}.hero-content h1{font-size:2rem;margin-bottom:.5rem;padding:0 10px}.hero-content p{font-size:1.1rem;margin-bottom:1.5rem;padding:0 15px;line-height:1.4}.project-links{flex-direction:column;align-items:center;gap:.5rem}.btn-primary,.btn-secondary{width:50%;padding:12px 20px;font-size:1rem;margin-top:5%;color:inherit;align-items:center}.container{max-width:100vw;padding:0 10px}section{padding:40px 0}h2{font-size:1.8rem;margin-bottom:2rem;padding:0 10px}.overview-grid{grid-template-columns:1fr;gap:1rem;width:100%}.tech-grid{flex-direction:column;gap:1rem;width:100%}.features-grid,.impact-grid,.lessons-grid{grid-template-columns:1fr;gap:1rem;width:100%}.feature-card,.tech-category,.impact-item,.lesson-item,.overview-item,.challenge-item{padding:1.5rem;margin:.5rem 0;width:100%;box-sizing:border-box}.tech-category h4,.feature-card h4,.impact-item h4,.lesson-item h4,.overview-item h4,.challenge-item h4{font-size:1.2rem;margin-bottom:.8rem}.tech-category ul,.feature-card p,.impact-item p,.lesson-item p,.overview-item p,.challenge-item p{font-size:.9rem;line-height:1.4}.api-table{width:100%;overflow-x:auto;margin:0 auto}table{width:100%;min-width:500px;font-size:.8rem}th,td{padding:.5rem;word-break:break-word}.project-overview .overview-grid,.key-features .features-grid,.project-impact .impact-grid,.lessons-learned .lessons-grid{grid-template-columns:1fr;width:100%}.challenges-grid{grid-template-columns:1fr}.challenge-item{padding:1rem}.challenge-item h4{font-size:1.1rem}.challenge-item p{font-size:.85rem;margin-bottom:.5rem}.project-cta .cta-buttons{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;text-align:center}.project-cta h2{font-size:1.5rem}.project-cta p{font-size:1rem;padding:0 10px;text-align:center}*{max-width:100%}.btn-primary a,.btn-secondary a{display:block;padding:5px 0;width:100%;text-decoration:none;display:flex;justify-content:center;align-items:center;text-align:center}.fixed-nav{position:fixed;bottom:40%;left:92%;z-index:10000}.toggle-nav{width:6vw;min-height:22vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;font-size:1.2rem;opacity:.95;border:0;font-weight:bolder}.vertical-label{writing-mode:vertical-lr;text-orientation:upright;line-height:1;font-size:.9em;letter-spacing:1px;margin-right:2.3vw}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{display:none;position:fixed;right:1vw;bottom:26vh;text-align:left;width:75vw}.fixed-nav a:hover{border-radius:12px}.nav-index a{text-decoration:none;color:inherit;text-align:center;width:100%}.toggle-nav:before{content:"◀"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}.nav-index.active{display:flex;flex-direction:column}}@media (min-width: 601px) and (max-width: 1024px){.project-details-container{min-height:100vh;padding-top:10vw;width:100vw;display:flex;flex-direction:column;align-items:center}.project-hero{padding:120px 0 80px;text-align:center;width:80vw}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.6rem;margin-bottom:2rem;opacity:.9}.project-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.btn-primary,.btn-secondary{width:25vw;padding:8px 15px;border-radius:5px;font-size:1.2rem;margin-top:10%}.btn-primary:hover,.btn-secondary:hover{transition:transform .4s ease-out;transform:scale(1.2)}.container{width:80vw;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}section{padding:40px 0;width:80vw}h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.overview-grid,.tech-grid,.features-grid,.challenges-grid,.impact-grid,.lessons-grid{display:grid;gap:1rem}.key-features,.challenges{width:80vw}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-grid,.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.challenges-grid{grid-template-columns:1fr}.impact-grid,.lessons-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card,.tech-category,.impact-item,.lesson-item{padding:2rem;border-radius:12px;transition:transform .3s ease}.feature-card:hover,.tech-category:hover{transform:translateY(-5px)}.api-table{overflow-x:auto}table{width:80vw;border-collapse:collapse;border-radius:8px;overflow:hidden}th,td{padding:1rem;text-align:left}th{font-weight:600}.fixed-nav{position:fixed;bottom:1%;left:50%;z-index:10000}.toggle-nav{width:50vw;height:4.5vh;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border:0;font-weight:bolder}.fixed-nav a{display:block;width:100%;text-align:center;padding:4px 3px;text-decoration:none}.nav-index{display:none;position:fixed;right:2px;bottom:5.5vh;height:fit-content;text-align:left;width:45vw}.fixed-nav a:hover{border-radius:12px}.nav-index a{text-decoration:none;color:inherit;text-align:center;width:100%}.toggle-nav:before{content:"▲"}.fixed-nav:hover .toggle-nav:before{transform:rotate(180deg)}.nav-index.active{display:flex;flex-direction:column}}@media (min-width: 1025px){.project-details-container{min-height:100vh;padding-top:10vw;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-hero{padding:120px 0 80px;text-align:center;width:80vw}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;font-weight:700}.hero-content p{font-size:1.6rem;margin-bottom:2rem;opacity:.9}.project-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:12px 30px;border:none;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .3s ease;color:inherit}.btn-primary,.btn-secondary{width:20vw;padding:8px 15px;border-radius:5px;font-size:1.2rem;margin-top:10%;color:inherit}.btn-primary:hover,.btn-secondary:hover{cursor:pointer;transition:transform .4s ease-out;transform:scale(1.2)}.container{max-width:80vw;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center}section{padding:80px 0;width:80vw}h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.overview-grid,.features-grid,.challenges-grid,.impact-grid,.lessons-grid{display:grid;gap:1rem;font-size:1.2rem}.tech-grid{display:flex}.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tech-grid,.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.challenges-grid{grid-template-columns:1fr}.impact-grid,.lessons-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card,.tech-category,.impact-item,.lesson-item{padding:2rem;border-radius:12px;transition:transform .3s ease}.feature-card:hover,.tech-category:hover{transform:translateY(-5px)}.overview-item p,.tech-category ul li,.feature-card p,.challenge-item p,.impact-item p,.api-table tr,.lesson-item p{font-size:1.2rem}.overview-item h4,.tech-category h4,.feature-card h4,.challenge-item h4,.impact-item h4,.api-table th,.lesson-item h4{font-size:1.3rem}.api-table{overflow-x:auto}table{width:80vw;border-collapse:collapse;border-radius:8px;overflow:hidden}th,td{padding:1rem;text-align:left}th{font-weight:600}.project-cta p{font-size:1.2rem}.fixed-nav{position:fixed;top:12%;left:74.5%;z-index:10000}.toggle-nav{width:25vw;height:4.5vh;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;border-top:1px solid;font-weight:700}.nav-index{display:none;position:absolute;width:45vw;right:2;width:100%;text-align:center}.nav-index a{display:block;width:100%;text-decoration:none;color:inherit;padding:8px 10px;text-align:center}.nav-index a:hover{border-radius:12px}.nav-index.active{display:flex;flex-direction:column}.toggle-nav:before{content:"▼";transition:transform .3s ease}}