@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Bebas+Neue&family=Freeman&family=Poetsen+One&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lobster&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inconsolata:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Titan+One&display=swap";.es{height:100vh;width:100%;background-color:#e1e1e1cc;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;font-family:Roboto,sans-serif;color:#000}.es .content-container{width:90%;display:flex;flex-direction:column}.es .content-container .content-top{background-color:#000;padding:10px;text-align:center;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;display:flex;justify-content:space-between;align-items:center}.es .content-container .content-middle{flex-grow:1;padding:20px;background-color:azure}.es .content-container .content-bottom{background-color:azure;border-top:1px solid black;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.es .content-container .content-bottom button{all:unset;padding:10px 20px;background-color:#000;color:#fff;cursor:pointer;border-radius:20px}@media (min-width: 700px){.es .content-container{width:60%;display:flex;flex-direction:column}}.billingWizard{color:#000;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px}.billingWizard h2{color:#000}.billingWizard .billingModal{display:flex;flex-direction:column;gap:10px;text-align:center}.billingWizard .billingModal input{width:300px;height:30px;padding:10px;border:1px solid black}.billingWizardStatus{width:100%;display:flex;justify-content:center;align-items:center;gap:5px;margin-bottom:20px}.billingWizardStatus button{padding:10px 20px;display:flex;gap:10px;background-color:transparent;border:1px solid black;border-radius:20px}.selectPlan{color:#000;width:100%;display:flex;justify-content:center;align-items:center;gap:10px;background-color:azure}.selectPlan .billingModal{display:flex;flex-direction:column;gap:10px;text-align:center;padding:20px;border:1px solid gray}.selectPlan .billingModal button{all:unset;padding:5px 10px;color:#fff;cursor:pointer}.billingWizard .billingModalConfirmation{display:flex;flex-direction:column;gap:10px;text-align:center;background-color:gray;padding:30px;width:100%}.settings{background-color:#000;min-height:90vh;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff}.settings h1{text-align:center}.setting p{color:gray}.settings_container{display:flex;flex-direction:column;width:80%;gap:5px}.setting{padding:20px 10px;word-wrap:break-word;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;background-color:#111}.setting div{display:flex;flex-direction:column;gap:5px}.setting:hover{background-color:#000;color:#fff;transition:all .5s}@media (min-width: 600px){.settings_container{display:flex;flex-direction:column;width:500px}.setting{padding:20px 10px}}.hover-icon{font-size:1.4rem}.portfolio{background-color:#000}.portfolio-navbar{display:flex;align-items:center;justify-content:space-between;background-color:#000;padding:10px;z-index:498;position:sticky;top:0}.portfolio-navbar .dashboard-link{background-color:#000;color:#fff;padding:5px 10px;border-radius:5px}.portfolio-navbar a{all:unset;cursor:pointer}.portfolio-navbar-container-content{display:flex;justify-content:center;gap:10px;align-items:center}.portfolio-navbar-container-content button{all:unset;cursor:pointer;background-color:#fff;color:#000;padding:5px 10px;display:flex;align-items:center;gap:10px}#portfolio-navbar-container{display:none}#portfolio-navbar-container-mobile-button{display:block}@media (min-width: 700px){#portfolio-navbar-container{display:block}#portfolio-navbar-container-mobile-button{display:none}}.templateOne{background-color:azure;display:flex;flex-direction:column;gap:10px;color:#fff;width:100%;padding:20px}.templateOneNoPad{background-color:azure;display:flex;flex-direction:column;gap:10px;color:#fff;width:100%;padding:0}.templateTwo{background-color:azure;display:flex;flex-direction:column;gap:10px;color:#fff;padding:20px;width:100%}.templateTwoNoPad{background-color:azure;display:flex;flex-direction:column;gap:10px;color:#fff;padding:0;width:100%}.templateThree{background-color:#000;display:flex;flex-direction:column;gap:10px;color:#fff;padding:20px;width:100%}.templateThreeNoPad{background-color:#000;display:flex;flex-direction:column;gap:10px;color:#fff;padding:0;width:100%}.edit-icon{font-size:1rem;cursor:pointer}.nav2{display:flex;align-items:center;justify-content:center;gap:10px}.publish,.preview{all:unset;font-size:.8rem;padding:5px 10px;background-color:#000;color:#fff;border-radius:20px}@media (min-width: 700px){.nav2{display:none;align-items:center;justify-content:center;gap:10px}}.banners{height:100vh;width:100%;background-color:teal;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px}.banners-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:100%;height:500px;background-color:#ff0;padding:20px}.banners-container .box{display:flex;flex-direction:column;padding:10px;width:100%;border:1px solid black;height:100%}.fonts{height:100vh;width:100%;background-color:azure;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;padding:70px;gap:10px;font-family:Roboto,sans-serif}.fonts button{all:unset;background-color:#000;padding:5px 10px;color:#fff;border-radius:20px;cursor:pointer}.fonts-top{border-bottom:1px solid grey;display:flex;justify-content:space-between;align-items:center;padding:12px}.fonts-top input{padding:10px;width:300px;height:30px;border:1px solid black}.fonts-top div{display:flex;gap:10px}.fonts-container{flex-grow:1;display:flex;flex-direction:column;gap:5px;padding:5px;overflow:auto}.fonts-container .box{border:1px solid gray;display:flex;justify-content:space-between;padding:12px;cursor:pointer}.fonts-container .selectedbox{border:1px solid black;background-color:#000;display:flex;justify-content:space-between;padding:12px;color:#fff}.fonts-container .box:hover{border:1px solid transparent;background-color:#ccc}.fonts-container .box p{color:gray}.fonts-container .box button{all:unset;background-color:#000;color:#fff;padding:10px 20px;cursor:pointer}.archivo-black-regular{font-family:Archivo Black,sans-serif;font-weight:400;font-style:normal}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal}.poetsen-one-regular{font-family:Poetsen One,sans-serif;font-weight:400;font-style:normal}.freeman-regular{font-family:Freeman,sans-serif;font-weight:400;font-style:normal}.roboto-thin{font-family:Roboto,sans-serif;font-weight:100;font-style:normal}.mon{font-family:Montserrat,sans-serif;font-weight:100;font-style:normal}.lobster{font-family:Lobster,cursive;font-weight:100;font-style:normal}.open-sans{font-family:Open Sans,sans-serif}.oswald{font-family:Oswald,sans-serif}.poppins{font-family:Poppins,sans-serif}.raleway{font-family:Raleway,sans-serif}.merriweather{font-family:Merriweather,serif}.playfair-display{font-family:Playfair Display,serif}.lora{font-family:Lora,serif}.inconsolata{font-family:Inconsolata,monospace}.close-icon{font-size:2rem;cursor:pointer}@media (min-width: 700px){.fonts button{all:unset;background-color:#000;padding:10px 20px;color:#fff;border-radius:20px;cursor:pointer}}.editModalMobile{height:100vh;width:100%;background-color:#e1e1e1cc;position:fixed;top:0;left:0;z-index:499;display:flex}.editModalMobileContent{height:100%;width:fit-content;display:flex;flex-direction:column;background-color:azure}.editModalMobileContent .top{background-color:azure;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:2rem}.editModalMobileContainer{display:flex;flex-direction:column;padding:10px;gap:10px}.editModalMobileContainer .box{padding:10px 20px 10px 0;width:100%;cursor:pointer;color:#000;font-size:1.5rem;border-bottom:1px solid black}.editModalMobileContainer .box:last-child{border-bottom:none}.editModalMobileContainer .box:hover{padding:20px;border-bottom:1px solid black;background-color:#000;cursor:pointer;color:#fff}.about{background-color:azure;color:#000;padding:20px;flex-direction:column;height:70vh;display:flex;justify-content:center;align-items:center;gap:10px}.about-three{background-color:#000;color:#fff;padding:20px;flex-direction:column;height:70vh;display:flex;justify-content:center;align-items:center;gap:10px}.about p{width:70%;text-align:center;font-size:1rem}.about-heading{font-size:1.5rem}@media (min-width: 700px){.about{background-color:azure;color:#000;padding:20px;flex-direction:column;height:70vh;display:flex;justify-content:center;align-items:center;gap:10px}.about-three{background-color:#000;color:#fff;padding:20px;flex-direction:column;height:70vh;display:flex;justify-content:center;align-items:center;gap:10px}.about p{width:70%;text-align:center;font-size:2rem}.about-heading{font-size:2rem}}.section{width:100%;display:flex;flex-direction:column}.section{width:100%;display:flex;flex-direction:column;position:relative}.section-settings{padding:5px;display:flex;justify-content:space-between;align-items:center;background-color:#7fffd4;width:100%;visibility:hidden;position:absolute;top:0;right:0;color:#000}.section-settings button{all:unset;font-size:13px;border:1px solid black;padding:5px;margin:5px}.section:hover .section-settings{visibility:visible}.section .section-settings div{display:flex;gap:10px}.section:hover .section-main-border{border:1px solid aquamarine}.section-main-border{width:100%;border:1px solid transparent}.section-main{width:100%}.section-settings{width:100%;display:flex;gap:10px;justify-content:space-between;align-items:center;cursor:pointer}.section-settings button,.section-settings select{padding:10px 20px}.section-settings select option{padding:10px 20px;height:50px}.editAbout{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editAbout textarea{height:260px;width:80%;padding:10px;background-color:azure;font-size:1.2rem;border:none;outline:none}.editAbout input{height:30px;border:1px solid black;outline:none;padding:10px}.conedit input{height:30px;border:1px solid black;outline:none;padding:10px;background-color:azure}.banner,.banner-two{background-color:azure;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;height:70vh}.banner-three{background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;height:70vh}.banner-four{background-color:azure;padding:20px;display:flex;justify-content:center;align-items:center;gap:30px;color:#000;height:70vh}.banner-four-details{display:flex;flex-direction:column;gap:10px}.photo{height:200px;width:200px;border-radius:50%;border:1px solid black;background-color:gray;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;border-radius:50%}.banner-fullname,.banner-occupation{font-size:1rem}@media (min-width: 700px){.banner,.banner-two{background-color:azure;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;height:70vh}.banner-three{background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;height:70vh}.photo{height:200px;width:200px;border-radius:50%;border:1px solid black;background-color:gray;display:flex;align-items:center;justify-content:center}.photo img{width:100%;height:100%;border-radius:50%}.banner-fullname{font-size:2rem}.banner-occupation{font-size:1.5rem}}.banner-five{background-color:azure;padding:20px;display:flex;justify-content:center;align-items:center;gap:30px;color:#000;height:70vh}.banner-five-details{display:flex;flex-direction:column;gap:10px}.banner-five-details button{background-color:#000;color:#fff;padding:10px 20px;border:none}.banner-six{background-color:azure;padding:20px;display:flex;justify-content:center;align-items:center;gap:10px;color:#000;height:70vh}.photo-big{height:100%;width:100%;border:1px solid black;background-color:gray;display:flex;align-items:center;justify-content:center}.photo-big img{width:100%;height:100%;flex-grow:1}.banner-six-details{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.banner-six-details button{background-color:#000;color:#fff;padding:10px 20px;border:none}.editBanner{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editBanner input{height:40px;width:200px;padding:10px;font-size:1.2rem;background-color:azure;border:none;outline:none;color:#000;border:1px solid black}.editBanner .photo{width:130px;height:130px;border-radius:50%;background-color:gray;position:relative;display:flex;align-items:center;justify-content:center}.editBanner .photo img{width:100%;height:100%;border-radius:50%}.editBanner .photo .photo-edit-button{position:absolute;bottom:10px;left:20px;margin:10px;cursor:pointer;font-size:2rem}.editBanner .photo .photo-cancel-button{position:absolute;bottom:10px;right:20px;margin:10px;cursor:pointer;font-size:2rem}@media (min-width: 700px){.editBanner input{height:35px;width:400px;padding:10px}}.divider{width:100%;display:flex;justify-content:center;align-items:center}.divider .dividerchild{height:.5px;width:98%;background-color:#000;margin-top:10px;margin-bottom:10px}.divider-white{width:100%;display:flex;justify-content:center;align-items:center}.divider-white .dividerchild{height:.5px;width:98%;background-color:#fff;margin-top:10px;margin-bottom:10px}.hobbies{background-color:azure;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;min-height:50vh}.hobbies-three{background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;min-height:50vh}.hobbies .hobbies-container{display:flex;gap:5px;flex-direction:column}.hobbies .hobbies-container .skill{padding:20px 10px;font-size:1rem;border-bottom:1px solid black;min-width:200px;display:flex;justify-content:space-between;align-items:center}.hobbies .hobbies-container .skill:last-child{border-bottom:none}.hobbies-three .hobbies-container{display:flex;gap:5px;flex-direction:column}.hobbies-three .hobbies-container .skill{padding:20px 10px;font-size:1rem;border-bottom:1px solid white;min-width:200px;display:flex;justify-content:space-between;align-items:center}.hobbies-three .hobbies-container .skill:last-child{border-bottom:none}.obj-no-dark{border:1px solid white;width:30px;height:30px;border-radius:50%;display:flex;font-size:1rem;justify-content:center;align-items:center}.hobbies-heading{font-size:1.5rem}@media (min-width: 700px){.hobbies .hobbies-container .skill,.hobbies-three .hobbies-container .skill{width:400px;font-size:2rem}.hobbies-heading{font-size:2rem}}.editSkills{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px;font-family:Roboto,sans-serif}.editSkills .editSkillsContainer{display:flex;flex-direction:column;gap:10px;width:fit-content;height:300px;overflow:auto;padding:10px}.editSkills .editSkillsAdd{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px}.editSkills .editSkillsAdd *{height:35px;width:fit-content;padding:10px}.editSkills .editSkillsAdd input{border:1px solid black;background-color:azure;font-size:1.2rem;outline:none}.editSkills .editSkillsContainer .box{padding:10px;border:1px solid black;color:#000;display:flex;justify-content:space-between;align-items:center;width:200px;cursor:pointer;word-wrap:break-word;word-break:break-all;white-space:normal}.editSkills .editSkillsContainer .box div{display:flex;flex-direction:column}@media (min-width: 700px){.editSkills .editSkillsContainer .box{padding:10px;border:1px solid black;color:#000;display:flex;justify-content:space-between;align-items:center;width:300px;cursor:pointer}.editSkills .editSkillsAdd *{height:35px;width:300px;padding:10px}}.editSkills .editWeAdd{width:100%;display:flex;justify-content:center;gap:10px}.editWeAddLeft{width:100%;display:flex;flex-direction:column;gap:5px}.editSkills .editWeAdd input{width:100%;height:30px;padding:10px;outline:none;border:1px solid black}.editSkills .editWeAdd button{all:unset;padding:10px;cursor:pointer;background-color:#000;color:#fff}.editSkills button{border:none;padding:10px;cursor:pointer;background-color:#000;color:#fff;width:fit-content}.bb{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:5px}.portFooter{background-color:azure;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#000}.portFooter-three{background-color:#000;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}.portFooter p,.portFooter-three p{font-size:1rem}@media (min-width: 700px){.portFooter{background-color:azure;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#000}.portFooter-three{background-color:#000;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}.portFooter p,.portFooter-three p{font-size:1.2rem}}.editName{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editName input{height:35px;width:200px;padding:10px;border:1px solid black}@media (min-width: 700px){.editName input{height:35px;width:400px;padding:10px;border:1px solid black}}.editName .photo{width:130px;height:130px;border-radius:50%;background-color:gray;position:relative}.editName .photo .photo-edit-button{position:absolute;bottom:10px;left:20px;margin:10px;cursor:pointer;font-size:2rem}.editName .photo .photo-cancel-button{position:absolute;bottom:10px;right:20px;margin:10px;cursor:pointer;font-size:2rem}.portNavbar{background-color:#000;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}.portNavbarLinks{display:flex;gap:10px}.portNavbarLinks a{all:unset;cursor:pointer;font-size:1rem}.portNavbarLinks button{all:unset;cursor:pointer}.portNavbar-three{background-color:#000;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:10px;color:#fff}.portNavbar h1,.portNavbar-three h1{font-size:1rem}@media (min-width: 700px){.portNavbar h1,.portNavbar-three h1{font-size:1rem}}.skills{background-color:azure;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;min-height:50vh}.skills-three{background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;min-height:50vh}.skills .skills-container{display:flex;gap:5px;flex-direction:column;align-items:center;width:100%}.skills .skills-container .skill{padding:20px 10px;font-size:1rem;border-bottom:1px solid black;width:80%;display:flex;justify-content:space-between;align-items:center}.skills .skills-container .skill:last-child{border-bottom:none}.skills-three .skills-container{display:flex;gap:5px;flex-direction:column}.skills-three .skills-container .skill{padding:20px 10px;font-size:1rem;border-bottom:1px solid white;width:80%;display:flex;justify-content:space-between;align-items:center}.skills-three .skills-container .skill:last-child{border-bottom:none}.obj-no{border:1px solid black;width:30px;height:30px;border-radius:50%;display:flex;font-size:1rem;justify-content:center;align-items:center}.skills .education{padding:20px 10px;font-size:1rem;border-bottom:1px solid black;min-width:200px;display:flex;justify-content:space-between;align-items:center}.skills .education:last-child{border-bottom:none}.skills .education div{display:flex;flex-direction:column}.skills .edu-one,.skills .edu-two,.skills .edu-three{font-size:1rem}.skills-three .education{padding:20px 10px;font-size:1rem;border-bottom:1px solid white;min-width:200px;display:flex;justify-content:space-between;align-items:center}.skills-three .education:last-child{border-bottom:none}.skills-three .education div{display:flex;flex-direction:column}.skills-three .edu-one,.skills-three .edu-two,.skills-three .edu-three{font-size:1rem}.skills-heading{font-size:1.5rem}@media (min-width: 700px){.skills .skills-container .skill,.skills-three .skills-container .skill{width:400px;font-size:2rem}.skills-heading{font-size:2rem}.skills-three .education{padding:20px 10px;font-size:2rem;border-bottom:1px solid white;min-width:none;width:400px;display:flex;justify-content:space-between;align-items:center}.skills .education{padding:20px 10px;font-size:2rem;min-width:none;width:400px;display:flex;justify-content:space-between;align-items:center}.skills .edu-one,.skills .edu-two,.skills .edu-three{font-size:1.5rem}}.scrolltotop{position:fixed;bottom:100px;right:20px;padding:10px 20px;background-color:#000;color:#fff;z-index:497;cursor:pointer}.scrolltotopdark{position:fixed;bottom:50px;right:20px;padding:10px 20px;background-color:#fff;color:#000;z-index:497;cursor:pointer}.contact{background-color:azure;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;min-height:50vh}.contact-three{background-color:#000;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;min-height:50vh}.contact .contact-container{display:flex;gap:10px;flex-direction:column}.contact .contact-container .contact-box{padding:20px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid black;min-width:300px}.contact .contact-container .contact-box-icons{padding:20px 10px;font-size:2rem;display:flex;justify-content:center;gap:20px}.contact-three .contact-container{display:flex;gap:5px;flex-direction:column}.contact-three .contact-container .contact-box{padding:20px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid white;min-width:300px}.contact-three .contact-container .contact-box-icons{padding:20px 10px;font-size:2rem;display:flex;justify-content:center;gap:20px}@media (min-width: 700px){.contact-three .contact-container .contact-box,.contact .contact-container .contact-box{font-size:2rem}}.contact-box-empty{padding:20px 10px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid white;min-width:300px}.contact-box-icons *{cursor:pointer}.templates{height:100vh;width:100%;background-color:azure;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Roboto,sans-serif;padding:50px}.templates-top{display:flex;justify-content:space-between;align-items:center;width:100%;height:10vh;padding:10px}.templates-top div{display:flex;align-items:center;gap:10px}.templates-bottom{flex-grow:1;width:100%;display:flex;overflow:scroll}.templates-list{width:300px;overflow:auto;display:flex;flex-direction:column;gap:5px;padding:0 5px 5px;height:90vh;font-size:.8rem}.templates .template{width:100%;flex-grow:1;display:flex;flex-direction:column;height:90vh;overflow-y:scroll}.template-info{width:100%;padding:10px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;left:0;background-color:#ccc}.template-info div{display:flex;gap:10px;align-items:center}.templates-list .box{border:1px solid #cccccc;display:flex;justify-content:space-between;padding:12px;cursor:pointer}.templates-list .box:hover{background-color:#ccc}.templates-list .box:hover p{color:#fff}.templates-list .box p{color:gray}.templates-list .box-set{border:1px solid black;background-color:#000;display:flex;justify-content:space-between;padding:12px;cursor:pointer;color:#fff}.templates-list .box-selected{border:1px solid black;display:flex;justify-content:space-between;padding:12px;cursor:pointer}.button-radio{all:unset;width:40px;height:40px;background-color:#000;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer}.button-radio-child{width:60%;height:60%;background-color:#fff;border-radius:50%}.template-content{height:200vh;width:100%}.template button{all:unset;background-color:#000;padding:5px 10px;color:#fff;border-radius:20px;cursor:pointer;font-size:.8rem}.editScrollToTop{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editScrollToTop button{all:unset;background-color:#000;color:#fff;padding:10px 20px;cursor:pointer}.sideBarMenu{padding:10px;background-color:#000;position:relative;width:200px;height:90vh;position:sticky;top:9.5vh}.sideBarMenuContainer{display:flex;flex-direction:column;gap:5px;align-items:center}#sideBarMenu{display:none}@media screen and (min-width: 768px){#sideBarMenu{display:block}}.sideBarMenuContainer *{width:100%;background-color:#fff;border:none;color:#000;padding:10px 20px;cursor:pointer;transition:background-color .3s,color .3s}.sideBarMenuContainer *:hover{background-color:#f0f0f0;color:#333}body{background-color:#7fffd4}.nav{position:fixed;top:0;width:100%;padding:1rem 2rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);z-index:1000;transition:all .3s ease}.nav-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-buttons{display:flex;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;font-size:.9rem}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.btn-ghost:hover{background:#ffffff1a;transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;position:relative;overflow:hidden}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #667eea66}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.hamburger{display:none;flex-direction:column;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a0afa,#14141efa);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:999;opacity:0;visibility:hidden;transition:all .4s ease}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu-content{display:flex;flex-direction:column;align-items:center;gap:2rem;text-align:center}.mobile-menu-item{font-size:2rem;font-weight:600;color:#fff;text-decoration:none;opacity:0;transform:translateY(30px);padding:1rem 2rem;border-radius:15px;transition:all .3s ease}.mobile-menu.active .mobile-menu-item{opacity:1;transform:translateY(0)}.mobile-menu.active .mobile-menu-item:nth-child(1){transition-delay:.1s}.mobile-menu.active .mobile-menu-item:nth-child(2){transition-delay:.2s}.mobile-menu.active .mobile-menu-item:nth-child(3){transition-delay:.3s}.mobile-menu.active .mobile-menu-item:nth-child(4){transition-delay:.4s}.mobile-menu-item:hover{background:#ffffff1a;transform:scale(1.05)}.mobile-menu-close{position:absolute;top:2rem;right:2rem;background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;z-index:1002}@media (max-width: 768px){.nav{padding:1rem 1.5rem}.nav-buttons{display:none}.hamburger{display:flex}.logo{font-size:1.3rem}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#0a0a0a;color:#fff;overflow-x:hidden;line-height:1.6}.bg-animation{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,219,255,.2) 0%,transparent 50%);animation:bgShift 20s ease-in-out infinite}@keyframes bgShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-10px) rotate(1deg)}66%{transform:translate(20px,10px) rotate(-1deg)}}@keyframes particleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) scale(1);opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(2deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;position:relative}.hero-content{max-width:800px;z-index:2}.hero h1{font-size:clamp(3rem,8vw,6rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;opacity:0;animation:fadeInUp 1s ease .5s forwards}.hero p{font-size:1.3rem;color:#fffc;margin-bottom:3rem;opacity:0;animation:fadeInUp 1s ease .7s forwards}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;opacity:0;animation:fadeInUp 1s ease .9s forwards}.btn-hero{padding:1rem 2rem;font-size:1.1rem;font-weight:600;border-radius:50px;transition:all .3s ease;cursor:pointer;text-decoration:none;display:inline-block}.btn-hero-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;position:relative;overflow:hidden}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 25px 50px #667eea80}.btn-hero-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-hero-secondary:hover{background:#fff3;transform:translateY(-3px)}.floating-card{position:absolute;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:1.5rem;animation:float 6s ease-in-out infinite;font-size:.9rem;color:#ffffffe6}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);color:#fff9;animation:bounce 2s infinite;font-size:1.5rem}.features{padding:8rem 2rem;background:#00000080;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.features-container{max-width:1200px;margin:0 auto}.features h2{text-align:center;font-size:3rem;font-weight:700;margin-bottom:3rem;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-10px);background:#ffffff1a;box-shadow:0 20px 40px #0000004d}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.feature-card h3{font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#fffc;line-height:1.6}.cta{padding:6rem 2rem;text-align:center;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta p{font-size:1.2rem;color:#fffc;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.faq{padding:8rem 2rem;background:#0a0a0acc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.faq-container{max-width:800px;margin:0 auto}.faq h2{text-align:center;font-size:3rem;font-weight:700;margin-bottom:4rem;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-grid{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;transition:all .3s ease}.faq-item:hover{background:#ffffff14;border-color:#667eea4d}.faq-question{padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.faq-question h3{font-size:1.1rem;font-weight:600;margin:0}.faq-toggle{font-size:1.5rem;font-weight:300;color:#667eea;transition:transform .3s ease;-webkit-user-select:none;user-select:none}.faq-item.active .faq-toggle{transform:rotate(45deg)}.faq-answer{max-height:0;overflow:hidden;transition:all .3s ease;background:#0003}.faq-item.active .faq-answer{max-height:200px}.faq-answer p{padding:1.5rem 2rem;margin:0;color:#fffc;line-height:1.6}.footer{background:#000;padding:4rem 2rem 2rem;border-top:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.footer-brand{max-width:300px}.footer-logo{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.footer-brand p{color:#ffffffb3;line-height:1.6;margin-bottom:2rem}.footer-social{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:#ffffff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:all .3s ease;text-decoration:none}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:translateY(-2px)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.footer-column h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#fff}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{color:#ffffffb3;text-decoration:none;transition:color .3s ease;font-size:.9rem}.footer-column a:hover{color:#667eea}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:2rem}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-bottom p{color:#fff9;margin:0}.footer-badges{display:flex;gap:.5rem;flex-wrap:wrap}.badge{background:#667eea33;color:#667eea;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}@media (max-width: 768px){.hero h1{font-size:3rem}.hero-buttons{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.floating-card{display:none}.footer-content{grid-template-columns:1fr;gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom-content{flex-direction:column;text-align:center}.faq-question,.faq-answer p{padding:1rem 1.5rem}}.noPortfolio{background-color:azure;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.noPortfolio h1{font-size:3rem}.notes{background-color:#6495ed;height:90vh}.notes_filter{background-color:#5f9ea0;height:10vh;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 50px}.notes_container{background-color:#40e0d0;height:80vh;overflow:auto;display:grid;grid-template-columns:1fr;gap:5px;padding:50px}.note{background-color:#fff8dc;height:150px;padding:10px;width:100%}.add-note{display:flex;flex-direction:column;gap:10px;padding-top:10px;padding-bottom:10px}.add-note input,.add-note select{height:30px}.add-note textarea{height:90px}@media (min-width: 600px){.notes_container{background-color:#40e0d0;height:80vh;overflow:auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:50px}.note{background-color:#fff8dc;height:150px;padding:10px}}body{margin:0;padding:0;font-family:Roboto,sans-serif}*{margin:0;padding:0;box-sizing:border-box}.about-para{font-size:30px;width:50%}.nothing{display:flex;flex-direction:column;justify-content:center;align-items:center;color:red}.nothing p{color:#000}.nothing span{align-items:center;display:flex;justify-content:center;color:gray}.nothing .warning{color:red;font-size:1.3rem}.nothing-dark{display:flex;flex-direction:column;justify-content:center;align-items:center}.nothing-dark p{color:#fff}.nothing-dark span{align-items:center;display:flex;justify-content:center;color:gray}.nothing-dark .warning{color:red;font-size:1.3rem}.coming-soon{height:100vh;background-color:#000;width:100%;font-size:2rem;display:flex;justify-content:center;align-items:center;color:#fff}.testimonials-carousel{color:#000;padding:50px}.testimonial{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}