*{margin:0;padding:0}:root{--background: #121928;--background-transparent: rgba(14, 18, 31, .445);--background-secondary: #131c2e;--title: #f8fafc;--muted-foreground: #a9a5ff;--secondary: #223247;--secondary-hover: #1d2a3bc5;--subTitle: #a5adc6;--accent: #7e3af2;--accent-hover: #6430be;--box-shadow: #7e3af23a;--accent-transparent: #5a2aac2c;--accent-card: #0f1729;--accent-card-hover: #7e3af20c;--accent-before: #171d35;--accent-card-project: #16233a44;--destructive: #9f1b32;--background-ligth: #ffffff;--background-ligth-transparent: #f8fafc46;--foreground: #121928;--card: #ffffff;--primary: #a9a5ff;--secondary-ligth: #f5f5f5;--muted-foreground-ligth: #697287;--destructive: #f43f5e;--border: #e2eaf2}html,body{overflow-x:hidden}body{background:#000;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}h1,h2,h3,h4{color:var(--title)}p{color:var(--subTitle);line-height:1.8em}h6{color:var(--accent);text-align:center;border-radius:40px;background-color:var(--accent-transparent)}ul{list-style:none}button{color:var(--title);background-color:var(--accent);cursor:pointer;border:none;text-align:center;transition:all .3s,color .3s}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}.icon{font-size:3rem;transition:transform .4s ease}.rotate:active{animation:rotateRight .4s ease forwards}@keyframes rotateRight{0%{transform:rotate(0)}50%{transform:rotate(20deg)}to{transform:rotate(0)}}.main-skills{display:flex;position:relative;flex-wrap:wrap;flex-direction:column;gap:50px;z-index:1;align-items:center;background-color:var(--background);width:100vw;min-height:700px;padding-top:5em;padding-bottom:5em}.primary{display:flex;flex-direction:column;gap:20px;align-items:center}.primary h6{width:8%}.primary h1{font-size:2.5em}.primary p{text-align:center;width:70%}.list-skills{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:50px;width:100%}.card-skills{width:38%;min-height:270px;border-radius:20px;background-color:var(--accent-card);border:1px solid var(--background-secondary);padding:1em;z-index:20}.card-skills h3{display:flex;align-items:center;gap:5px;font-size:1.2em;margin:.5em}.card-skills h3 svg{color:var(--accent)}.card-skills ul{display:flex;flex-direction:column;width:100%;gap:20px;margin:1em}.hard-skills ul li{display:flex;align-items:center;gap:10px;color:var(--title);padding:10px;border-radius:10px;transition:background-color .3s ease-in-out}.hard-skills ul li svg{padding:3px;border-radius:7px;width:20px;height:20px;background-color:var(--accent-transparent)}.hard-skills ul li:hover{background-color:var(--accent-card-hover)}.hard-skills{display:flex}.bg-pulse,.bg-pulse-bottom{position:relative}.bg-pulse:before{content:"";left:-420px;top:260px;position:absolute;box-shadow:0 0 280px 80px var(--box-shadow)}.bg-pulse{position:relative}.bg-pulse-bottom:before{content:"";right:-120px;top:320px;position:absolute;box-shadow:0 0 280px 80px var(--box-shadow)}@media screen and (max-width: 766px){.primary h6{width:40%}.primary h1{text-align:center;font-size:2em}.primary p{text-align:center;width:95%}.card-skills{width:85%;min-height:400px}.card-skills ul{width:50%;justify-content:center;align-items:center;flex-direction:column;margin:0}.hard-skills ul li{width:130px;flex-direction:column}}@media screen and (min-width: 767px) and (max-width: 1250px){.card-skills{min-width:70%;min-height:270px}.card-skills ul{width:50%;justify-content:center;align-items:center;flex-direction:column;margin:0}.hard-skills ul li{width:70%}}.header-container{position:fixed;width:100%;z-index:50}.header-container.header-box{-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);background-color:var(--background-transparent);box-shadow:var(--background) 0 20px 25px -5px,#0000000a 0 10px 10px -5px;transition:all .3s ease-in-out}.header-background{width:100%;display:flex;align-items:center;justify-content:space-around;gap:5em;position:relative;height:55px;margin:.8em auto 0}.dark_mode svg{display:flex;background-color:var(--accent);padding:5px 7px;border-radius:50px;width:20px}.header-background p,.header-background svg{font-size:1.3em;font-weight:bolder;color:var(--title)}.header-background svg{cursor:pointer;transition:color .2s ease-in-out}.header-background svg:hover{color:var(--subTitle)}nav{display:flex;gap:50px;font-size:1.1em}.name-nav{transition:color .2s ease-in-out}.name-nav span{color:var(--accent)}.name-nav:hover{color:var(--accent-hover)}.hamburger,nav h6{display:none}.custom-link{display:flex;align-items:center;font-size:.8em;text-decoration:none;font-weight:600;color:var(--subTitle);position:relative;transition:all .2s ease-in-out}.icons-nav{display:none}.skill:after,.project:after,.cont:after{content:"";position:absolute;width:0;height:0;display:block;margin-top:0;background:var(--accent);transition:width .1s ease-in-out;-webkit-transition:width .3s ease-in-out,transform .1s ease}.skill:hover,.project:hover,.cont:hover{color:var(--title);font-weight:600}.skill:hover:after{width:70px;height:3px;left:1px;bottom:3px}.project:hover:after{width:50px;height:3px;left:1px;bottom:3px}.cont:hover:after{width:35px;height:3px;left:1px;bottom:3px}@media screen and (max-width: 766px){.hamburger{display:flex;gap:15px;align-items:center;z-index:3;font-size:1.3em;cursor:pointer;transition:transform .3s ease,scale .3s ease}.darkmode-laptop{display:none}.icons-nav{display:flex;gap:17px;align-items:center}.header-background{gap:11em}.hamburger svg{width:18px}.close-modal{display:flex;justify-content:flex-end;padding:1em}.close-modal svg{width:18px}.overlay{position:fixed;left:-100%;top:0;width:100%;height:100%;background-color:var(--background-transparent);-webkit-backdrop-filter:blur(2rem);backdrop-filter:blur(2rem);z-index:1;opacity:0;visibility:hidden;transition:left .2s ease,opacity .3s ease,visibility .3s .3s}.overlay.open{left:0;opacity:1;visibility:visible;overflow-y:auto;transition:left .2s ease,opacity .3s ease}.overlay.open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s .3s}nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px}}.dark-mode .dark_mode svg{background-color:var(--accent-transparent)}.dark-mode .header-container.header-box{background-color:var(--background-ligth-transparent);box-shadow:var(--background) 0 0 15px -5px,#ffffff0a 0 10px 10px -5px}.dark-mode h1,.dark-mode h2,.dark-mode h3,.dark-mode h4{color:var(--background)}.dark-mode p{color:var(--secondary-hover)}.dark-mode h6{color:var(--accent);background-color:var(--accent-transparent)}.dark-mode button{color:var(--title);background-color:var(--accent)}.dark-mode .header-background p,.dark-mode .header-background svg{color:var(--secondary)}.dark-mode .header-background p:hover,.dark-mode .header-background svg:hover{color:var(--secondary-hover)}.dark-mode .custom-link{color:var(--secondary-hover)}.dark-mode .skill:after,.dark-mode .project:after,.dark-mode .cont:after{background:var(--accent)}.dark-mode .skill:hover,.dark-mode .project:hover,.dark-mode .cont:hover{color:var(--secondary)}.dark-mode .main-home{background-color:var(--background-ligth)}.dark-mode .button-container .button-projects:hover{box-shadow:var(--box-shadow) 0 3px 8px}.dark-mode .button-container .button-contact{background-color:var(--secondary)}.dark-mode .button-container .button-contact:hover{background-color:var(--secondary-hover)}.dark-mode .go-down,.dark-mode .go-down:hover{color:var(--accent)}.dark-mode .about-main{background-color:var(--secondary-ligth);color:#e0e0e0}.dark-mode .primary-img img{background:var(--background-ligth);border:2px solid var(--border)}.dark-mode .primary-text:before{background-color:var(--border)}.dark-mode .about-details:before{background-color:var(--border)}.dark-mode .about-card{box-shadow:#00000014 0 4px 12px;background-color:var(--background-ligth)}.dark-mode .about-card:hover{box-shadow:var(--accent-transparent) 0 1px 3px 0}.dark-mode .about-card:hover svg{background-color:var(--box-shadow)}.dark-mode .about-card svg{color:var(--accent);background-color:var(--accent-transparent)}.dark-mode .main-skills{background-color:var(--background-ligth)}.dark-mode .card-skills{background-color:var(--background-ligth);border:1px solid var(--border);box-shadow:#0000001f 0 5px 15px}.dark-mode .hard-skills ul li{color:var(--background)}.dark-mode .hard-skills ul li svg{background-color:var(--accent-transparent)}.dark-mode .hard-skills ul li:hover{background-color:var(--accent-card-hover)}.dark-mode .bg-pulse:before{box-shadow:0 0 280px 80px var(--box-shadow)}.dark-mode .bg-pulse-bottom:before{box-shadow:0 0 280px 80px var(--box-shadow)}.dark-mode .projects-container{background-color:var(--background-ligth)}.dark-mode .img-item{background-color:var(--background-ligth);border:1px solid var(--border);box-shadow:#0000001f 0 5px 15px}.dark-mode .img-item:hover{box-shadow:var(--box-shadow) 0 7px 10px -4px}.dark-mode .infodetails a{color:var(--accent)}.dark-mode .infodetails a:hover{color:var(--accent-hover)}.dark-mode .infodetails li{color:var(--accent);background-color:var(--accent-transparent)}.dark-mode .infodetails li:hover{background-color:var(--box-shadow)}.dark-mode .envform{background-color:var(--secondary-ligth)}.dark-mode .primary-contact h4:hover{color:var(--accent)}.dark-mode .primary-contact h4 svg{color:var(--accent)}.dark-mode .primary-contact h6:before{background-color:var(--border)}.dark-mode .main-contact{background-color:#fff}.dark-mode .main-contact form input,.dark-mode .main-contact form textarea{color:var(--accent);border:1px solid var(--background)}.dark-mode .main-contact form label{color:var(--secondary-hover)}.dark-mode .main-contact form button{background-color:var(--accent);color:var(--title)}.dark-mode .main-contact form button:hover{background-color:var(--accent-hover)}.dark-mode .main-contact form input::placeholder,.dark-mode .main-contact form textarea::placeholder{color:var(--subTitle)}.dark-mode .main-contact form input:focus,.dark-mode .main-contact form textarea:focus{box-shadow:var(--accent) 0 1px 4px;color:var(--accent)}.dark-mode .main-contact form input:-webkit-autofill,.dark-mode .main-contact form textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgba(34,36,36,0) inset!important;-webkit-text-fill-color:var(--accent)!important}.dark-mode .social-icons:before{background-color:var(--border)}.dark-mode .social-icons svg{background-color:var(--title);color:var(--secondary);box-shadow:#0000001f 0 5px 15px;transition:background-color .2s ease-in-out}.dark-mode .social-icons svg:hover{background-color:var(--accent)}.dark-mode .loading-container .error-message{color:#c92121d2}.dark-mode .loading-container .success-message{color:#fff}.dark-mode .error-message,.dark-mode .success-message{background-color:#51c9cbd2}.dark-mode footer{background-color:var(--background-ligth)}.dark-mode .primary-footer{border-bottom:1px solid var(--accent-transparent)}.dark-mode .text-footer h2:hover{color:var(--accent)}.dark-mode .text-footer h2:after{background:var(--accent)}.dark-mode .icons-footer svg{background-color:var(--title);box-shadow:#0000001f 0 5px 15px;color:var(--secondary)}.dark-mode .icons-footer svg:hover{background-color:var(--accent)}@media screen and (max-width: 766px){.dark-mode .custom-link{color:var(--secondary-ligth)}}.projects-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;z-index:3;flex-wrap:wrap;background-color:var(--background);text-align:center;padding-bottom:5em;padding-top:5em;overflow:hidden;transition:all .5s ease-in-out}.projects-primary{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;overflow:hidden}.img-item{display:flex;justify-content:space-between;flex-direction:column;align-items:center;text-align:left;width:27%;height:510px;margin:3em 1.5em;border-radius:20px;background-color:var(--accent-card-project);border:1px solid var(--secondary-hover);box-shadow:var(--background) -4px 9px 25px -6px;transition:all .4s ease-in-out;overflow:hidden}.img-item:hover{transform:translateY(-5px);box-shadow:var(--box-shadow) 0 7px 10px -4px}.img-item:hover img{scale:1.02}.img-item img{width:100%;height:250px;border-radius:20px 20px 0 0;transition:all .4s ease-in-out}.infodetails{display:flex;flex-wrap:wrap;gap:10px;margin:1em 0;padding:10px}.infodetails p{width:98%;font-size:.85em}.infodetails a{color:var(--accent);font-size:.9em;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:5px}.infodetails a svg{width:18px;height:18px}.infodetails a:hover{color:var(--accent-hover)}.technologies-used ul{display:flex;align-items:center}.infodetails li{color:var(--accent);background-color:var(--accent-transparent);list-style-type:none;border-radius:10px;margin-bottom:5px;padding:2px 4px;font-size:.8em}.infodetails li:hover{background-color:var(--accent-card-hover)}.details-project{display:flex;flex-direction:column;gap:5px}.redirect-project{display:flex;gap:30px;margin-top:10px}.expand-projects{display:flex;min-width:13%;justify-content:center;align-items:center;gap:5px;padding:8px;border-radius:20px;font-size:.8em;font-weight:bolder;margin-top:2em}.expand-projects:hover{background-color:var(--accent-hover)}@media screen and (max-width: 766px){.img-item{display:flex;justify-content:space-between;flex-direction:column;align-items:center;text-align:left;width:85%;min-height:540px;margin:2em .8em}.expand-projects{min-width:65%}}@media screen and (min-width: 767px) and (max-width: 1250px){.img-item{width:50%;height:520px}}.envform{width:100%;min-height:800px;background-color:var(--background-secondary);display:flex}.form-message{display:flex;width:80%;margin:6em auto}.primary-contact{display:flex;flex-direction:column;gap:20px;text-align:left;margin:1em;width:100%}.primary-contact h4{display:flex;align-items:center;gap:5px;transition:color .2s ease-in-out}.primary-contact h4:hover{color:var(--accent)}.primary-contact h4 svg{color:var(--accent)}.primary-contact h6{position:relative;width:10%}.primary-contact h6:before{position:absolute;content:"";top:-30vh;right:-90vw;width:300px;height:310px;border-radius:50%;z-index:1;background-color:var(--accent-before)}.primary-contact p{width:85%}.main-contact{width:100%;height:530px;border-radius:20px;display:flex;align-items:center;background-color:#fff;position:relative;z-index:2;transition:transform .4s ease-in-out}.main-contact:hover{transform:translateY(-8px)}.main-contact form{display:flex;flex-direction:column;gap:20px;padding:1em;width:85%;margin:0 auto}.main-contact form input,.main-contact form textarea{padding:15px;color:var(--accent);border:none;border:1px solid var(--background);border-radius:15px;transition:all .4s ease-in-out}.main-contact form textarea{height:100px}.main-contact form label{display:flex;flex-direction:column;gap:5px;color:var(--secondary-hover);font-weight:600;font-size:.9em}.main-contact form button{width:100%;height:45px;font-size:.9em;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:20px;background-color:var(--accent);color:var(--title);font-weight:bolder}.main-contact form button:hover{background-color:var(--accent-hover)}.main-contact form button svg{transition:all .4s ease-in-out}.main-contact form button:hover svg{transform:translate(3px)}.main-contact form input::placeholder,.main-contact form textarea::placeholder{color:var(--subTitle)}.main-contact form input:focus::placeholder,.main-contact form textarea:focus::placeholder{opacity:0;transition:opacity .2s ease-in-out}.main-contact form input:focus,.main-contact form textarea:focus{box-shadow:var(--accent) 0 1px 4px;outline:none;color:var(--accent)}.main-contact form input:-webkit-autofill,.main-contact form textarea:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px rgba(34,36,36,0) inset!important;-webkit-text-fill-color:var(--accent)!important}.social-medias{display:flex;flex-direction:column;margin-top:1em;gap:20px}.social-icons{display:flex;gap:30px;position:relative;z-index:1;margin-bottom:1em}.social-icons:before{position:absolute;content:"";top:18vh;left:-18vw;width:300px;height:310px;border-radius:50%;background-color:var(--accent-before)}.social-icons svg{background-color:var(--title);width:25px;padding:.6em;border-radius:22px;color:var(--background);transition:background-color .2s ease-in-out}.social-icons svg:hover{background-color:var(--accent)}.loading-container .error-message{color:#c92121d2}.loading-container .success-message{color:#fff}.error-message,.success-message{width:15vw;margin:0 auto;border-radius:5%;font-weight:700;background-color:#51c9cbd2;padding:5px}@media screen and (max-width: 766px){.form-message{display:flex;flex-direction:column;width:95%}.primary-contact h6{width:50%}.primary-contact p{width:95%}.primary-contact h6:before{top:-35vh;right:-70vw}.social-icons:before{top:70vh;left:-20vw}}@media screen and (min-width: 767px) and (max-width: 1250px){.form-message{flex-direction:column;width:75%}}footer{background-color:var(--background);position:relative;z-index:3;width:100%;height:100%}.main-footer{display:flex;flex-direction:column;justify-content:center;gap:30px;width:85%;padding:3em;margin:0 auto}.primary-footer{border-bottom:1px solid var(--secondary-hover)}.details-footer{display:flex;align-items:center;gap:80px;justify-content:space-around;padding-bottom:1em}.text-footer h2{display:flex;flex-direction:column;font-size:1.3em;font-weight:700;margin-bottom:.3em;transition:color .2s ease-in-out;width:35%;position:relative}.text-footer h2:hover{color:var(--accent)}.text-footer h2:after{content:"";position:absolute;width:0;height:0;display:block;margin-top:0;background:var(--accent);transition:width .1s ease-in-out;-webkit-transition:width .3s ease-in-out,transform .1s ease}.text-footer h2:hover:after{width:120px;height:3px;left:1px;bottom:-2px}.text-footer p{font-size:1em}.footer-options{display:flex;gap:40px}.footer-options a{font-size:.9em}.social-medias-footer{display:flex}.icons-footer{display:flex;gap:30px;position:relative;z-index:1}.icons-footer svg{background-color:var(--title);width:25px;padding:.4em;border-radius:22px;color:var(--background);transition:all .2s ease-in-out}.icons-footer svg:hover{transform:translateY(-5px);background-color:var(--accent)}.created-by{margin:.8em;font-size:.9em}@media screen and (max-width: 766px){.main-footer{width:95%;padding:0}.details-footer{flex-direction:column;padding:.5em;gap:50px}.text-footer h2{width:80%}.footer-options{display:flex;gap:20px}.footer-options a{font-size:.75em}.created-by{text-align:center}}@media screen and (min-width: 767px) and (max-width: 1250px){.details-footer{flex-direction:column;gap:30px}.created-by{margin:.8em;font-size:.9em;text-align:center}}.main-home{position:relative;width:100vw;min-height:100vh;background-color:var(--background);display:flex;flex-direction:column;justify-content:center;text-align:center;z-index:1;transition:background-color .3s ease,color .3s ease}.text-container{width:55%;text-align:left;margin-top:8em;margin-left:13em;position:relative}.text-container h6{width:25%;animation:pulse-shadow 4s ease-in-out infinite}.text-container h1{font-size:4em}.text-container p{margin-top:.5em;width:90%}@keyframes pulse-shadow{0%,to{box-shadow:0 0 130px 20px var(--box-shadow)}50%{box-shadow:0 0 180px 30px var(--box-shadow)}}.button-container{display:flex;gap:20px;margin:2em .5em .5em}.button-container .button-projects,.button-container .button-contact{width:150px;border-radius:40px;padding:.98em;font-size:.85em;font-weight:700}.button-container .button-projects:hover{box-shadow:var(--box-shadow) 0 3px 8px;background-color:var(--accent-hover)}.button-container .button-contact{background-color:var(--secondary)}.button-container .button-contact:hover{background-color:var(--secondary-hover)}.go-down{width:0;margin:4em auto 0;font-size:1.4em;cursor:pointer;color:var(--title);opacity:.4;transform:translateY(-3px);animation:fadeInDown 2s ease-out infinite}@keyframes fadeInDown{to{opacity:1;transform:translate(0)}}.go-down:hover{color:var(--accent)}@media screen and (max-width: 320px){.text-container{display:flex;flex-direction:column;gap:10px;width:95%;margin:7em 1em 1em}.text-container h1{font-size:1.8em;width:100%}.text-container h6{width:55%}.button-container{display:flex;flex-wrap:wrap;margin:0}.button-container .button-projects,.button-container .button-contact{width:140px;height:38px;border-radius:40px;padding:0;font-size:.85em;margin-top:2em;font-weight:700}}@media screen and (min-width: 321px) and (max-width: 766px){.text-container{display:flex;flex-direction:column;gap:10px;width:95%;margin:7em 1em 1em}.text-container h6{min-width:30%;margin-bottom:1em}.text-container h1{font-size:2.2em;width:100%}.text-container p{width:100%}.button-container{display:flex;flex-wrap:wrap;margin:0}.button-container .button-projects,.button-container .button-contact{width:140px;height:38px;border-radius:40px;padding:0;font-size:.85em;margin-top:2em;font-weight:700}.go-down{margin-top:4em}}@media screen and (min-width: 767px) and (max-width: 1250px){.text-container{display:flex;flex-direction:column;gap:10px;width:95%;margin-left:4em}.text-container h1{font-size:2.3em;width:80%}}.about-main{width:100%;min-height:800px;background-color:var(--background-secondary);text-align:center;padding-bottom:5em}.primary-about{display:flex;justify-content:center;align-items:center;gap:80px;padding-top:4em}.primary-img{z-index:2}.primary-img img{padding:.5em;width:200px;height:200px;border-radius:1000px;background:var(--background-secondary);border:2px solid var(--background);animation:pulse-img 3s infinite ease-in-out;transition:box-shadow 1s ease-in-out}@keyframes pulse-img{0%{box-shadow:var(--accent) 0 3px 7px 0}to{box-shadow:var(--accent) 0 2px 14px 0}}.primary-text{display:flex;text-align:left;flex-direction:column;position:relative;gap:20px;width:50%}.primary-text:before{position:absolute;content:"";top:-25vh;right:-20vw;width:300px;height:310px;border-radius:50%;background-color:var(--accent-before)}.about-details:before{position:absolute;content:"";bottom:-30vh;left:-10vw;width:340px;height:320px;border-radius:50%;background-color:var(--accent-before)}.primary-text h6{text-align:center;width:12%;border-radius:40px}.primary-text h1{z-index:3;font-size:2.5em}.about-details{display:flex;justify-content:center;position:relative;align-items:center;flex-wrap:wrap;gap:30px;margin-top:5em;width:100%}.about-card{display:flex;flex-direction:column;gap:10px;width:23%;min-height:220px;text-align:left;box-shadow:#00000014 0 4px 12px;background-color:var(--accent-card);border-radius:20px;padding:2em;transition:all .2s ease-in-out;z-index:3}.about-card:hover{transform:translateY(-5px);box-shadow:var(--accent-transparent) 0 1px 3px 0}.about-card:hover svg{background-color:var(--box-shadow)}.about-card svg{padding:7px;border-radius:7px;color:var(--accent);background-color:var(--accent-transparent)}.about-card p{font-size:.9em;width:90%}@media screen and (max-width: 766px){.primary-about{flex-direction:column;gap:80px;padding-top:5em}.primary-text{display:flex;text-align:left;flex-direction:column;position:relative;gap:20px;width:90%}.primary-text h1{font-size:2em;width:98%}.primary-text:before{top:-50vh;right:-43vw}.about-details:before{bottom:-30vw;left:-30vw}.primary-text h6{width:35%}.about-details{display:flex;justify-content:center;flex-direction:column;flex-wrap:wrap;position:relative;align-items:center;gap:30px;margin-top:5em;width:100%}.about-card{display:flex;flex-direction:column;gap:10px;width:80%;min-height:220px;text-align:left;box-shadow:#00000014 0 4px 12px;background-color:var(--accent-card);border-radius:20px;padding:2em;transition:all .2s ease-in-out}}@media screen and (min-width: 767px) and (max-width: 1250px){.primary-text h6{width:25%}.primary-text h1{font-size:2em;width:98%}.primary-text p{width:95%}.about-card{width:65%}}