*{box-sizing:border-box;margin:0;padding:0;list-style:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{font-family:"Open Sans",sans-serif;color:#54585a}.header{text-align:center;padding-top:50px;padding-bottom:0px;padding-left:50px;padding-right:0px;background-color:white}.header__img{-o-object-fit:cover;object-fit:cover;width:250px}@media all and (min-width: 768px){.header{padding-top:100px;padding-bottom:0px;padding-left:100px;padding-right:0px}.header__img{width:350px;height:270px;margin:0px 120px auto auto}}.footer{height:15vh;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-top:1px solid #bfcdd0}@media all and (min-width: 768px){.footer{height:10vh;display:flex;flex-direction:row;justify-content:space-between;padding:10px 40px 10px 41px}}.footer__small{color:#6b6b6b;font-size:14px;opacity:0.5;font-family:"Open Sans",sans-serif;margin-top:18px}@media all and (min-width: 768px){.footer__small{margin:0px}}.footer__logo{height:40px;width:103px;margin-top:12px;margin-bottom:15px}@media all and (min-width: 768px){.footer__logo{margin:0px}}.body{height:100vh}.main{height:85vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:white}@media all and (min-width: 768px){.main{height:90vh;padding:0px 174px 59px 175px}}.main .section-1{display:flex;flex-direction:column;justify-content:center;align-items:center}.main .section-1__title{padding-top:0px;padding-bottom:10px;color:#8d06da;-webkit-text-stroke:0.99px #471578;font-family:"Merriweather",serif;font-size:19.2px;font-weight:900}@media all and (min-width: 768px){.main .section-1__title{font-size:26px}}.main .section-1__text{color:#114e4e;font-size:12.8px;width:230px;text-align:center;padding-bottom:17.8px}@media all and (min-width: 768px){.main .section-1__text{font-size:17px;width:331px;padding-bottom:27px}}.main .section-2{display:flex;justify-content:center;align-items:center;gap:24px;border:1px solid #471578;border-radius:3px;border-style:dotted;padding:15px 20px 9.8px 20px}@media all and (min-width: 768px){.main .section-2{gap:51.5px;padding:15px 20px 10px}}.main .section-2__option{display:flex;flex-direction:column;justify-content:center;align-items:center;line-height:1.5}.main .section-2__text{color:#8d06da;font-size:12.8px}@media all and (min-width: 768px){.main .section-2__text{font-size:16px}}.main .section-2 i{font-size:22.4px;color:#8d06da}@media all and (min-width: 768px){.main .section-2 i{font-size:30px}}.main .button{margin-top:38.6px;margin-bottom:30px;background-color:#8d06da;width:129px;height:42px;border-radius:21px;color:#fff;text-transform:uppercase;font-size:16px;font-weight:600;text-decoration:none;text-align:center;line-height:42px;cursor:pointer}.main .button:hover{transition:all 300ms;transform:scale(1.5)}@media all and (min-width: 768px){.main .button{margin-top:60px}}.card-section{background-image:url(https://img.freepik.com/vector-premium/chica-adolescente-computadora-portatil-pasa-tiempo-redes-sociales-simbolos-letras-me-gusta-sonrisas-concepto-vector-estilo-dibujos-animados-plana_351831-46.jpg?w=826);padding:38px 35px 40px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media all and (min-width: 768px){.card-section{justify-content:flex-start;padding-top:230px;width:50%;border-radius:6px}}.reset{border:solid 1px black;border-radius:15px;margin-bottom:20px;padding:1px 10px;background-color:transparent;position:relative;right:80px}.reset__button{font-family:"Open Sans",sans-serif;background-color:transparent;border-color:transparent;text-transform:uppercase;font-size:12px;line-height:20px;color:#54585a;cursor:pointer}.reset__button:hover{color:#fff}.reset__button .fa-trash-can{padding-right:8px}.card{background-color:#fff;display:flex;flex-direction:column;font-family:"Montserrat",sans-serif;line-height:20px;padding:21px 0 12px;border-radius:2px #a2deaf;box-shadow:0 1px 10px 0 rgba(0,0,0,0.2),0 1px 3px 0 rgba(0,0,0,0.35)}.card__text{padding-left:20px;border-left:solid 5px}.card__text_title{font-weight:700;font-size:18px;text-transform:capitalize;width:19ch}.card__text_subtitle{font-size:16px;width:23ch}.card__image{background-image:url(https://img.freepik.com/vector-premium/chica-adolescente-computadora-portatil-pasa-tiempo-redes-sociales-simbolos-letras-me-gusta-sonrisas-concepto-vector-estilo-dibujos-animados-plana_351831-46.jpg?w=826);width:240px;height:200px;margin:10px 0;background-size:cover}.card__social{display:flex;justify-content:flex-start;margin-left:10px}.card__social .fa-solid,.card__social .fa-brands,.card__social .fa-regular{font-size:18px;margin-right:10px;padding:7px;border-radius:16px;border:solid 2px}.card__social .fa-mobile-screen{padding:7px 10px}.card__social .fa-brands{padding:7px 8px}.icon-logo{height:35px;transition:2s}.icon-logo:hover{transform:scale(1.25)}.palette1{background-color:#73cab4}.palette1 .card-section{background-image:url(https://img.freepik.com/vector-premium/chica-adolescente-computadora-portatil-pasa-tiempo-redes-sociales-simbolos-letras-me-gusta-sonrisas-concepto-vector-estilo-dibujos-animados-plana_351831-46.jpg?w=826);padding:38px 35px 40px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media all and (min-width: 768px){.palette1 .card-section{justify-content:flex-start;padding-top:230px;width:50%;border-radius:6px}}.palette1 .card__image{background-image:url("https://img.freepik.com/vector-premium/lindo-gatito-trabajando-frente-computadora-portatil-ilustracion-dibujos-animados_2095-499.jpg?w=826");width:240px;height:200px;margin:10px 0;background-size:cover}.palette1 .js-card-border{border-left:solid 5px #438792}.palette1 .js-card-name{color:#114e4e}.palette1 .js-card-icon{color:#114e4e;border:solid 2px #a2deaf}.palette1 .js-card-icon:hover{color:#a2deaf}.palette2{background-color:#eea0a0}.palette2 .card-section{background-image:url(https://img.freepik.com/vector-premium/chica-mujer-joven-computadora-portatil-ilustracion-conceptual-trabajo-independiente-estudio-educacion-trabajo-casa-ilustracion-vectorial-estilo-dibujos-animados-planos-fondo-aislado-x9_509398-296.jpg?w=826);padding:38px 35px 40px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media all and (min-width: 768px){.palette2 .card-section{justify-content:flex-start;padding-top:230px;width:50%;border-radius:6px}}.palette2 .card__image{background-image:url("https://img.freepik.com/vector-premium/muchacha-que-trabaja-ilustracion-icono-computadora-portatil-trabajar-casa-mascota-personaje-dibujos-animados_138676-1024.jpg?w=826");width:240px;height:200px;margin:10px 0;background-size:cover}.palette2 .js-card-border{border-left:solid 5px #bd1010}.palette2 .js-card-name{color:#420101}.palette2 .js-card-icon{color:#420101;border:solid 2px #e95626}.palette2 .js-card-icon:hover{color:#e95626}.palette3{background-color:#f3f39f}.palette3 .card-section{background-image:url(https://img.freepik.com/vector-gratis/gato-lindo-ilustracion-icono-vector-historieta-ordenador-portatil-concepto-icono-tecnologia-animal-aislado-vector-premium-estilo-dibujos-animados-plana_138676-3698.jpg?w=826&t=st=1668697796~exp=1668698396~hmac=6d1a49bc670b3cf28e50741304dec103ca5490d1ccaa01f634b49890373377c3://st.depositphotos.com/1758000/1970/v/450/depositphotos_19704911-stock-illustration-pretty-business-woman-at-office.jpg);padding:38px 35px 40px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center}@media all and (min-width: 768px){.palette3 .card-section{justify-content:flex-start;padding-top:230px;width:50%;border-radius:6px}}.palette3 .card__image{background-image:url("https://img.freepik.com/vector-premium/trabajadores-lindos-sentados-escritorios-ilustracion-arte-dibujos-animados-gato_56104-661.jpg?w=996");width:240px;height:200px;margin:10px 0;background-size:cover}.palette3 .js-card-border{border-left:solid 5px #eab052}.palette3 .js-card-name{color:#3e5b65}.palette3 .js-card-icon{color:#3e5b65;border:solid 2px #a0c0cf}.palette3 .js-card-icon:hover{color:#a0c0cf}.form{background-image:linear-gradient(to bottom, var(#f5f5f5), var(#d8d8d8) 9%);padding:27px 20px 31px 20px;display:flex;flex-direction:column;justify-content:center}@media all and (min-width: 768px){.form{padding:0;width:50%}}.turn-around{transform:rotate(180deg)}.collapsed{display:none}.design{border-bottom:solid #d8d8d8 1.5px}.option{width:280px;display:flex;justify-content:space-between;padding:10px;cursor:pointer}@media all and (min-width: 768px){.option{padding-left:0;margin-right:0px;width:100%}}.option__span{display:flex;flex-direction:row;color:#e17334;font-size:18px}.option__title{text-transform:uppercase;font-weight:600;color:#54585a;margin-left:10px}.election{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;padding:10px}.election__title{color:#54585a;font-size:14px;text-transform:uppercase;margin-left:25px}.election__span{display:flex;flex-direction:column}.election__option{display:flex;flex-direction:row;align-items:center;padding-bottom:20px}.election__input{width:17px;height:17px;margin-right:10px}.election__img{width:100px}.fieldset_stuffed{border-bottom:solid #d8d8d8 1.5px}.stuffed{display:flex;flex-direction:column}.stuffed__label{color:#114e4e;font-size:14px;margin-bottom:7px;line-height:20px}.stuffed__input{border:solid 1px #a2deaf;margin-bottom:20px;height:30px;padding-left:10px}.stuffed__input::-moz-placeholder{opacity:0.5}.stuffed__input::placeholder{opacity:0.5}.stuffed__image{display:flex;flex-direction:row}.add-image{width:140px;height:30px;background-color:#e17334;color:#fff;border:none;box-shadow:0 0 4px 0 rgba(0,0,0,0.32);border-radius:3px;cursor:pointer;text-align:center;line-height:30px;font-size:14px}.preview-image{width:30px;height:30px;margin-left:20px;background-size:cover}.hidden{display:none}.fieldset_share{border-bottom:solid #d8d8d8 1.5px}.share{display:flex;flex-direction:column;align-items:center}.share__button{margin:30px 0px 30px 0px;background-color:#e17334;width:199px;height:50px;color:white;font-size:18px;font-family:"Open Sans",sans-serif;text-transform:uppercase;font-weight:600;border-radius:12px;box-shadow:0 1px 6px 0 rgba(0,0,0,0.32);border:none;cursor:pointer}.share-icon{color:#e17334;background-color:white;font-size:22px;width:28px;height:22px;border-radius:3px;margin-right:9px}.created{display:flex;flex-direction:column;justify-content:center;align-items:center}.created__title{margin-top:20px;color:#54585a;font-size:18px;font-weight:600;font-family:"Open Sans",sans-serif}.created__link{text-decoration:none;color:#e17334;font-size:12px;font-weight:600;font-family:"Open Sans",sans-serif;margin-top:5px}.created .twitter{margin:10px auto 30px auto;background-color:#00a0f5;color:white;font-family:"Open Sans",sans-serif;font-size:14px;width:181px;height:30px;text-align:center;line-height:30px;text-decoration:none;border-radius:3px;box-shadow:0 0 4px 0 rgba(0,0,0,0.32)}.created .twitter-icon{color:white;font-size:18px;margin-right:9.5px}.change-color-btn{background-color:#d5d5d5}.change-color-icon{color:#d5d5d5}.header-create{padding:0px 79px 0px 40px;background-color:#fff}.header-create__img{-o-object-fit:cover;object-fit:cover;width:120px;margin-left:0px;-o-object-fit:contain;object-fit:contain}.header-create__img:hover,.header-create__img:focus,.header-create__img:active{-webkit-animation-name:buzz;animation-name:buzz;-webkit-animation-duration:0.15s;animation-duration:0.15s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}@keyframes buzz{50%{transform:translateX(3px) rotate(2deg)}100%{transform:translateX(-3px) rotate(-2deg)}}@media all and (min-width: 768px){.header-create{padding:0px 527px 0px 40px}}.body{height:100vh}@media all and (min-width: 768px){.main-create{background-image:linear-gradient(to bottom, #f5f5f5, #fff 9%);padding:20px 40px 20px 39px;display:flex;flex-direction:row-reverse;justify-content:space-between;gap:30px}}