@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";.home-container{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1e293b;color:#fff;overflow-x:hidden;line-height:1.6;position:relative}.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background:linear-gradient(135deg,#1e3a8a,#1e293b,#0f172a,#334155,#1e40af);background-size:300% 300%}.bg-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a4d;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);z-index:-1}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;padding:100px 5% 50px}.hero-content{max-width:900px;z-index:2}.hero-badge{display:inline-block;background:#3b82f61a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3);padding:8px 20px;border-radius:50px;font-size:14px;font-weight:500;margin-bottom:30px;color:#93c5fd}.hero-title{font-size:clamp(48px,8vw,96px);font-weight:900;line-height:1.1;margin-bottom:30px;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.hero-subtitle{font-size:clamp(20px,4vw,32px);font-weight:600;margin-bottom:25px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:20px;margin-bottom:50px;opacity:.9;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.7;color:#cbd5e1}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:18px 36px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 10px 30px #3b82f666}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #3b82f699}.btn-secondary{background:#3b82f61a;color:#3b82f6;border:2px solid rgba(59,130,246,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#3b82f633;transform:translateY(-3px);border-color:#3b82f680}.stats{padding:100px 5%;text-align:center;background:#0f172a66;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(59,130,246,.1);border-bottom:1px solid rgba(59,130,246,.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;max-width:800px;margin:0 auto}.stat-item{padding:20px}.stat-number{font-size:48px;font-weight:900;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.stat-label{font-size:16px;opacity:.8;font-weight:500;color:#cbd5e1}.features{padding:120px 5%;max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:clamp(36px,6vw,64px);font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.section-subtitle{font-size:20px;opacity:.8;max-width:600px;margin:0 auto;color:#cbd5e1}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.feature-card{background:#3b82f60d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:40px;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.6),transparent);transition:all .3s ease}.feature-card:hover{transform:translateY(-8px);background:#3b82f61a;box-shadow:0 20px 40px #3b82f633;border-color:#3b82f666}.feature-card:hover:before{background:linear-gradient(90deg,transparent,#3b82f6,transparent);box-shadow:0 0 20px #3b82f680}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:24px;box-shadow:0 8px 20px #3b82f64d}.feature-title{font-size:24px;font-weight:700;margin-bottom:16px;color:#fff}.feature-description{opacity:.8;line-height:1.7;font-size:16px;color:#cbd5e1}.cta-section{padding:120px 5%;background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-top:1px solid rgba(59,130,246,.2)}.cta-content{max-width:700px;margin:0 auto}.cta-title{font-size:clamp(36px,6vw,56px);font-weight:900;margin-bottom:24px;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}.cta-description{font-size:20px;opacity:.9;margin-bottom:40px;line-height:1.6;color:#cbd5e1}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.footer{padding:60px 5% 40px;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(59,130,246,.2)}.footer-content{max-width:1200px;margin:0 auto 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}.footer-section h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#fff}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:12px}.footer-section ul li a{color:#cbd5e1cc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#3b82f6}.footer-bottom{text-align:center;padding-top:40px;border-top:1px solid rgba(59,130,246,.2);color:#cbd5e1b3}@media (max-width: 768px){.nav-links{display:none}.hero{padding:120px 5% 60px}.hero-buttons{flex-direction:column;align-items:center}.btn{width:100%;max-width:300px;justify-content:center}.features-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column;align-items:center}}.console{background-color:#1e90ff;font-family:Lilita One,cursive;min-height:90vh;display:flex;flex-direction:column;align-items:center;padding:20px;gap:20px;color:#fff}.console-heading,.console-username{font-size:1rem}.console-container{width:100%;display:flex;flex-direction:column;gap:10px;font-size:.7rem}.console-container-heading{font-size:1rem}.console-container-box{display:flex;justify-content:space-between;align-items:center;background-color:azure;padding:20px;cursor:pointer;color:#000}.console-container-box span{color:gray}.console-container-box:hover .edit-icon{display:block}.console .edit-icon{display:none;font-size:1rem}.console-container a{all:unset;text-decoration:none;color:#000;font-size:.7rem;color:gray}.url-box{display:flex;gap:10px}.url-box button{all:unset;background-color:#000;color:#fff;padding:5px 10px;border-radius:20px;cursor:pointer}@media (min-width: 700px){.console-heading,.console-username,.console-container-heading{font-size:2rem}.console-container a,.console-container{font-size:1rem}}.console-container-box2{display:flex;justify-content:space-between;align-items:center;background-color:#1e90ff;border:1px solid white;padding:20px;cursor:pointer;color:#000}.dialog{height:100vh;background-color:#e1e1e1cc;position:fixed;top:0;left:0;width:100%;display:flex;justify-content:center;align-items:center;z-index:500}.dialog .content .top{padding:10px;text-align:center;background-color:#00abe1;font-family:Lilita One,cursive;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px}.dialog .content .center{display:flex;justify-content:center;align-items:center;padding:30px;background-color:azure;color:#000}.dialog .content{width:80%;padding:0;position:relative;display:flex;flex-direction:column}.dialog .content .bottom{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#00abe1;font-family:Lilita One,cursive;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.dialog .content .bottom button{all:unset;padding:10px 20px;background-color:#000;color:#fff;border-radius:10px;cursor:pointer}.close-element{position:absolute;top:0;right:0;margin:10px}.confirm-delete-account{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px;width:100%}.confirm-delete-account input{height:40px;width:80%;padding:5px;border:1px solid black;outline:none}@media (min-width: 600px){.dialog .content{width:430px;padding:0;position:relative;display:flex;flex-direction:column}}.questions{background-color:azure;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:10px}.questions-box{flex-grow:1;display:flex;flex-direction:column;width:100%}.questions-box-top{padding:10px;background-color:azure}.questions-box-bottom{padding:10px;background-color:azure;display:flex;justify-content:center;gap:10px}.questions .questions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-grow:1;width:100%}.questions .questions-page{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:10px}.questions button{all:unset;background-color:#000;color:#fff;padding:10px 20px;border-radius:20px;cursor:pointer}.questions input{height:40px;width:300px;padding:10px;border:1px solid black;outline:none}@media (min-width: 700px){.questions{height:90vh}}.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}}.editEmail{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editEmail input{height:35px;width:200px;padding:10px;border:1px solid black;outline:none}@media (min-width: 700px){.editEmail{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px}.editEmail input{height:35px;width:300px;padding:10px;border:1px solid black}}.ed{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}.ed.content-container{height:40%;width:80%;display:flex;flex-direction:column}.ed.content-container .content-top{background-color:azure;padding:10px;text-align:center;color:#000}.ed.content-container .content-middle{background-color:ivory;flex-grow:1}.ed.content-container .content-bottom{background-color:azure;width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px}.ed.content-container .content-bottom button{all:unset;padding:10px 20px;background-color:#000;color:#fff}@media (min-width: 700px){.ed.content-container{height:40%;width:40%;display:flex;flex-direction:column}}.settings{background-color:#1e90ff;font-family:Lilita One,cursive;min-height:90vh;padding:20px;display:flex;flex-direction:column;align-items:center;gap:20px}.settings h1{text-align:center;letter-spacing:.1rem}.setting p{color:gray}.settings_container{display:flex;flex-direction:column;width:80%;gap:10px}.setting{padding:10px;word-wrap:break-word;cursor:pointer;display:flex;flex-direction:column;gap:5px;background-color:azure;letter-spacing:.1rem}.setting:hover{background-color:#d9d9d9;transition:all .5s}@media (min-width: 600px){.settings_container{display:flex;flex-direction:column;width:500px}.setting{padding:10px}}.portfolio-navbar{display:flex;align-items:center;justify-content:space-between;background-color:#00abe1;font-family:Lilita One,cursive;padding:10px;z-index:498;position:sticky;top:0}.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:#000;color:#fff;padding:5px 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;justify-content:center;gap:10px;color:#fff;width:100%;padding:20px;min-height:100vh}.templateOneNoPad{background-color:azure;display:flex;flex-direction:column;gap:10px;color:#fff;width:100%;padding:20px;min-height:100vh;justify-content:center}.templateTwo{background-color:red;display:flex;flex-direction:column;gap:10px;color:#fff;padding:20px;min-height:100vh}.templateTwoNoPad{background-color:red;display:flex;flex-direction:column;gap:10px;color:#fff;padding:0;min-height:100vh}.templateThree,.templateThreeNoPad{background-color:#000;display:flex;flex-direction:column;gap:10px;color:#fff;padding:20px;min-height:100vh}.templateFour,.templateFourNoPad{background-color:orange;display:flex;flex-direction:column;gap:10px;color:#fff;padding:20px;min-height:100vh}.edit-icon{font-size:1.5rem;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:10px;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}}.templates{height:100vh;width:100%;background-color:#00abe1;font-family:Lilita One,cursive;position:fixed;top:0;left:0;z-index:500;display:flex;flex-direction:column;align-items:center;justify-content:center}.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}.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;color:#fff}.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%}.templates-top button,.template button{all:unset;background-color:#000;padding:5px 10px;color:#fff;border-radius:20px;cursor:pointer;font-size:.8rem}.eight{background-color:#1d1e2c;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.eight .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#fc0;display:flex;align-items:center;justify-content:center}.eight .theme-name{height:5px;width:100px;background-color:#fc0}.eight .theme-about{display:flex;flex-direction:column;gap:5px}.eight .theme-about .box{height:5px;width:130px;background-color:#fc0}.eight .theme-links{display:flex;flex-direction:column;gap:5px}.eight .theme-links .box{height:5px;width:150px;background-color:#fc0}.five{background-color:#0077b6;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.five .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#00b4d8;display:flex;align-items:center;justify-content:center}.five .theme-name{height:5px;width:100px;background-color:#caf0f8}.five .theme-about{display:flex;flex-direction:column;gap:5px}.five .theme-about .box{height:5px;width:130px;background-color:#90e0ef}.five .theme-links{display:flex;flex-direction:column;gap:5px}.five .theme-links .box{height:5px;width:150px;background-color:#90e0ef}.four{background-color:orange;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.four .theme-photo{height:100px;width:100px;border-radius:50%;background-color:azure;display:flex;align-items:center;justify-content:center}.four .theme-name{height:5px;width:100px;background-color:#000}.four .theme-about{display:flex;flex-direction:column;gap:5px}.four .theme-about .box{height:5px;width:130px;background-color:#000}.four .theme-links{display:flex;flex-direction:column;gap:5px}.four .theme-links .box{height:5px;width:150px;background-color:azure}.nine{background-color:#a8dadc;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.nine .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#457b9d;display:flex;align-items:center;justify-content:center}.nine .theme-name{height:5px;width:100px;background-color:#1d3557}.nine .theme-about{display:flex;flex-direction:column;gap:5px}.nine .theme-about .box{height:5px;width:130px;background-color:#1d3557}.nine .theme-links{display:flex;flex-direction:column;gap:5px}.nine .theme-links .box{height:5px;width:150px;background-color:#1d3557}.one{background-color:azure;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.one .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#000;display:flex;align-items:center;justify-content:center}.one .theme-name{height:5px;width:100px;background-color:#000}.one .theme-about{display:flex;flex-direction:column;gap:5px}.one .theme-about .box{height:5px;width:130px;background-color:#000}.one .theme-links{display:flex;flex-direction:column;gap:5px}.one .theme-links .box{height:5px;width:150px;background-color:#000}.seven{background-color:#f7f6dc;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.seven .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#f3c4fb;display:flex;align-items:center;justify-content:center}.seven .theme-name{height:5px;width:100px;background-color:#f4a261}.seven .theme-about{display:flex;flex-direction:column;gap:5px}.seven .theme-about .box{height:5px;width:130px;background-color:#e9c46a}.seven .theme-links{display:flex;flex-direction:column;gap:5px}.seven .theme-links .box{height:5px;width:150px;background-color:#e9c46a}.six{background-color:#ff6700;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.six .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#ff9100;display:flex;align-items:center;justify-content:center}.six .theme-name{height:5px;width:100px;background-color:#ffca3a}.six .theme-about{display:flex;flex-direction:column;gap:5px}.six .theme-about .box{height:5px;width:130px;background-color:gold}.six .theme-links{display:flex;flex-direction:column;gap:5px}.six .theme-links .box{height:5px;width:150px;background-color:gold}.ten{background-color:#023e8a;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.ten .theme-photo{height:100px;width:100px;border-radius:50%;background-color:#007f5f;display:flex;align-items:center;justify-content:center}.ten .theme-name{height:5px;width:100px;background-color:#52b788}.ten .theme-about{display:flex;flex-direction:column;gap:5px}.ten .theme-about .box{height:5px;width:130px;background-color:#52b788}.ten .theme-links{display:flex;flex-direction:column;gap:5px}.ten .theme-links .box{height:5px;width:150px;background-color:#52b788}.blackout{background-color:#000;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.blackout .theme-photo{height:100px;width:100px;border-radius:50%;background-color:gray;display:flex;align-items:center;justify-content:center}.blackout .theme-name{height:5px;width:100px;background-color:gray}.blackout .theme-about{display:flex;flex-direction:column;gap:5px}.blackout .theme-about .box{height:5px;width:130px;background-color:gray}.blackout .theme-links{display:flex;flex-direction:column;gap:5px}.blackout .theme-links .box{height:5px;width:150px;background-color:gray}.two{background-color:red;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:20px;height:100%}.two .theme-photo{height:100px;width:100px;border-radius:50%;background-color:azure;display:flex;align-items:center;justify-content:center}.two .theme-name{height:5px;width:100px;background-color:#000}.two .theme-about{display:flex;flex-direction:column;gap:5px}.two .theme-about .box{height:5px;width:130px;background-color:#000}.two .theme-links{display:flex;flex-direction:column;gap:5px}.two .theme-links .box{height:5px;width:150px;background-color:azure}.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:#1e90ff}.editModalMobileContent .top{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:1.5rem;color:#fff}.editModalMobileContainer{display:flex;flex-direction:column;padding:10px;gap:10px}.editModalMobileContainer .box{padding:10px 20px 10px 0;width:100%;cursor:pointer;color:#fff;font-size:1.2rem;border-bottom:1px solid white}.editModalMobileContainer .box:last-child{border-bottom:none}.editModalMobileContainer .box:hover{padding:20px;border-bottom:1px solid black;background-color:#000;cursor:pointer;color:#fff}.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}.es .content-container{width:90%;display:flex;flex-direction:column}.es .content-container .content-top{background-color:#00abe1;font-family:Lilita One,cursive;padding:10px;text-align:center;color:#fff;border-top-left-radius:20px;border-top-right-radius:20px}.es .content-container .content-middle{flex-grow:1;background-color:ivory}.es .content-container .content-bottom{background-color:#00abe1;font-family:Lilita One,cursive;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}}.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}.about{background-color:azure;color:#000;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about-two{background-color:red;color:#000;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about-three{background-color:#000;color:#fff;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about-four{background-color:orange;color:#fff;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about p{width:70%;text-align:center;font-size:1rem}@media (min-width: 700px){.about{background-color:azure;color:#000;padding:20px;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about-three{background-color:#000;color:gray;padding:20px;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about-four{background-color:orange;color:#fff;padding:20px;flex-direction:column;display:flex;justify-content:center;align-items:center;gap:10px}.about p,.about-two p{width:40%;text-align:center;font-size:1rem}}.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{background-color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;padding-top:20px}.banner-two{background-color:red;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:20px;color:#fff}.banner-three{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:20px;color:#fff}.banner-four{background-color:orange;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:20px;color:#fff}.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{background-color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000}.banner-two{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000}.banner-three{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:gray}.banner-four{background-color:orange;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:gray}.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}}.editBanner{width:100%;height:100%;background-color:azure;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;color:#000}.editBanner input{height:40px;width:200px;padding:10px;font-size:1.2rem;background-color:azure;outline:none;color:#000;border:none;border-bottom:1px solid black}.editBanner .photo{width:130px;height:130px;border-radius:50%;background-color:gray;display:flex;align-items:center;justify-content:center}.editBanner .photo img{width:100%;height:100%;border-radius:50%}.editBanner .photo .photo-edit-button2,.editBanner .photo .photo-cancel-button2{cursor:pointer;font-size:2rem;color:#000}.photo-menu{display:flex;gap:10px}.photo-menu *{cursor:pointer;font-size:20px}.photo-menu *:hover{color:gray}@media (min-width: 700px){.editBanner input{height:35px;width:400px;padding:10px}}.portFooter,.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,.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}.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}.skills{background-color:azure;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;padding:20px}.skills-two{background-color:red;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#000;padding:20px}.skills-three{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;padding:20px}.skills-four{background-color:orange;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;color:#fff;padding:20px}.skills .skills-container,.skills-two .skills-container,.skills-four .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;background-color:#0c0c0c}.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-two .link{padding:10px 5px;font-size:1rem;min-width:300px;text-align:center;text-decoration:none;background-color:#fff;color:#000;border-radius:20px}.skills .link{padding:10px 5px;font-size:1rem;border:1px solid black;min-width:300px;text-align:center;text-decoration:none;background-color:#000;color:#fff;border-radius:20px}.skills div{display:flex;flex-direction:column}.skills-three .link{padding:20px 10px;font-size:1rem;border:1px solid black;min-width:200px;text-align:center;background-color:#0c0c0c;text-decoration:none;color:gray}.skills-four .link{padding:10px 5px;font-size:1rem;min-width:300px;text-align:center;text-decoration:none;background-color:#000;color:#fff;border-radius:20px}.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;outline:none;width:80%}.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}}.editWeAdd input{width:80%;height:30px;padding:10px;outline:none;border:1px solid black}.editWeAdd button{width:80%;height:30px;padding:10px;background-color:#000;color:#fff;border:none}.editWeAdd{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:330px}.delete-icon-red{color:red}.nav{position:fixed;top:0;width:100%;padding:20px 5%;background:#0f172ae6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(59,130,246,.2);z-index:1000;transition:all .3s ease}.nav.scrolled{background:#0f172af2}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.logo{font-size:28px;font-weight:800;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1px;z-index:1001}.nav-links{display:flex;gap:40px;align-items:center}.nav-links a{color:#fffc;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-links a:hover{color:#3b82f6;transform:translateY(-2px)}.nav-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:12px 24px;border-radius:50px;color:#fff!important;font-weight:600;box-shadow:0 4px 15px #3b82f666;transition:all .3s ease}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.mobile-menu-toggle{display:none;cursor:pointer;z-index:1001}.hamburger{display:flex;flex-direction:column;width:28px;height:20px;position:relative;cursor:pointer}.hamburger span{display:block;height:3px;width:100%;background:#3b82f6;border-radius:2px;transition:all .3s ease;position:absolute}.hamburger span:nth-child(1){top:0}.hamburger span:nth-child(2){top:50%;transform:translateY(-50%)}.hamburger span:nth-child(3){bottom:0}.hamburger.active span:nth-child(1){transform:rotate(45deg);top:50%;margin-top:-1.5px}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg);bottom:50%;margin-bottom:-1.5px}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;opacity:0;visibility:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);transform:translateY(-100%)}.mobile-menu-overlay.active{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-content{display:flex;flex-direction:column;height:100%;padding:20px 5%;max-width:500px;margin:0 auto}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid rgba(59,130,246,.2);margin-bottom:40px}.close-btn{background:none;border:none;cursor:pointer;width:32px;height:32px;position:relative;padding:0}.close-btn span{position:absolute;width:24px;height:3px;background:#3b82f6;border-radius:2px;top:50%;left:50%;transition:all .3s ease}.close-btn span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.close-btn span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:hover span{background:#1d4ed8}.mobile-nav-links{flex:1;display:flex;flex-direction:column;gap:30px;justify-content:center;align-items:center;text-align:center}.mobile-nav-links a{color:#ffffffe6;text-decoration:none;font-size:28px;font-weight:600;transition:all .4s ease;position:relative;padding:15px 0;opacity:0;transform:translateY(30px);animation:slideInUp .6s ease forwards}.mobile-nav-links a:nth-child(1){animation-delay:.1s}.mobile-nav-links a:nth-child(2){animation-delay:.2s}.mobile-nav-links a:nth-child(3){animation-delay:.3s}.mobile-nav-links a:nth-child(4){animation-delay:.4s}.mobile-nav-links a:hover{color:#3b82f6;transform:translateY(-5px) scale(1.05)}.mobile-nav-links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);transition:all .3s ease;transform:translate(-50%);border-radius:2px}.mobile-nav-links a:hover:after{width:100%}.mobile-nav-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);padding:18px 40px!important;border-radius:50px;color:#fff!important;font-weight:700;box-shadow:0 8px 25px #3b82f666;margin-top:20px;font-size:20px!important}.mobile-nav-cta:hover{transform:translateY(-5px) scale(1.05)!important;box-shadow:0 12px 35px #3b82f699}.mobile-nav-cta:after{display:none}.mobile-menu-footer{padding:40px 0 20px;text-align:center;border-top:1px solid rgba(59,130,246,.2)}.mobile-menu-footer p{color:#fff9;margin-bottom:20px;font-size:16px}.social-links{display:flex;justify-content:center;gap:20px}.social-links a{color:#fff9;transition:all .3s ease;padding:10px;border-radius:50%;background:#3b82f61a}.social-links a:hover{color:#3b82f6;background:#3b82f633;transform:translateY(-3px)}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.nav-links{display:none}.mobile-menu-toggle{display:block}.logo{font-size:24px}.nav{padding:15px 5%}}@media (max-width: 480px){.mobile-nav-links a{font-size:24px}.mobile-nav-cta{font-size:18px!important;padding:16px 32px!important}.mobile-menu-content{padding:15px 5%}}body.mobile-menu-open{overflow:hidden}.navbar{height:10vh;background-color:#1e90ff;font-family:Lilita One,cursive;display:flex;justify-content:space-between;align-items:center;padding:10px;color:#fff}.navbar .usernavbarlinks{display:flex;gap:10px}.logo-navbar{cursor:pointer}#usernavbarlinks{display:none}#usernavbarlinks-mobile-button{display:block}@media (min-width: 700px){#usernavbarlinks{display:block}#usernavbarlinks-mobile-button{display:none}}.usernavbarlinks-container{display:flex;gap:10px;align-items:center}.usernavbarlinks-container .user-icon{border-radius:5px;padding:5px 10px}.usernavbarlinks-container a{all:unset;font-size:1rem;cursor:pointer;color:#fff}.usernavbarlinks-container button{all:unset;color:#000;font-size:1rem;cursor:pointer;background-color:#000;color:#fff;padding:5px 10px}.portfolio .user-icon{border-radius:5px;padding:5px 10px;background-color:#000;color:#fff;border:none;font-family:Lilita One,cursive}.mobilenav{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:500;display:flex;flex-direction:column;background-color:#00abe1;font-family:Lilita One,cursive;padding:20px}.mobilenav-heading{margin-bottom:30px}.mobilenav-button{font-size:2rem;margin-bottom:20px}.mobilenav-container{display:flex;flex-direction:column;width:100%;height:100%}.mobilenav-container .mobilenavbarroute{all:unset;font-size:1.5rem;cursor:pointer;color:#fff;padding:10px 20px 10px 0;border-bottom:1px solid white;letter-spacing:.1rem}.mobilenav-container .mobilenavbarroute:last-child{border-bottom:none}.mobilenav-container button{all:unset;font-size:2rem;cursor:pointer}@media (min-width: 700px){.mobilenav-container .mobilenavbarroute{all:unset;font-size:2rem;cursor:pointer;background-color:#000;color:#fff;padding:10px 20px}}.noPortfolio{background-color:azure;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.noPortfolio h1{font-size:3rem}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}