.color-box{background-color:red;width:30px;height:25px}*{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}li{list-style:none}button{border:none}button:focus{outline:none}fieldset{border:none}[placeholder]{padding:3px 0px 7px 9px;font-size:14px;font-family:"Open Sans",sans-serif}input:focus{outline:#114e4e solid 1.5px}.bold{font-weight:600}.txt-fpri{font-family:"Merriweather",serif}.txt-fsec{font-family:"Open Sans",sans-serif}.txt-fter{font-family:"Montserrat",sans-serif}.txt-xs{font-size:12px}.txt-sm{font-size:14px}.txt-md{font-size:16px}.txt-lg{font-size:18px}.txt-xl{font-size:19.2px}@media (min-width: 768px){.txt-xl{font-size:24px}}.txt-lighter{color:#6b6b6b}.txt-light{color:#54585a}.txt-dark{color:#114e4e}.txt-bright{color:#e17334}.txt-wh{color:#fff}.txt-up{text-transform:uppercase}.m-top{margin-top:25px}.form__box{display:flex;flex-direction:row;justify-content:space-between}.form__box__item{display:flex;flex-direction:row;justify-content:flex-start}.form__box__button{justify-self:flex-end;border:none;background:none;color:#54585a;width:16px;height:18px;font-size:18px}.form__box__button:hover{color:#bfcdd0}.form__box__title{text-transform:uppercase;padding-left:10px}.palette1 .preview__card__title__name{color:#114e4e}.palette1 .preview__card__title__inner{border-color:#438792}.palette1 .preview__card__sm__list__icon{border-color:#a2deaf}.palette1 .preview__card__sm__list__icon:hover{border-color:#438792}.palette1 .preview__card__sm__list__icon__link{color:#114e4e}.palette2 .preview__card__title__name{color:#420101}.palette2 .preview__card__title__inner{border-color:#bd1010}.palette2 .preview__card__sm__list__icon{border-color:#e95626}.palette2 .preview__card__sm__list__icon:hover{border-color:#bd1010}.palette2 .preview__card__sm__list__icon__link{color:#420101}.palette3 .preview__card__title__name{color:#3e5b65}.palette3 .preview__card__title__inner{border-color:#eab052}.palette3 .preview__card__sm__list__icon{border-color:#a0c0cf}.palette3 .preview__card__sm__list__icon:hover{border-color:#eab052}.palette3 .preview__card__sm__list__icon__link{color:#3e5b65}.palette4 .preview__card__title__name{color:purple}.palette4 .preview__card__title__inner{border-color:#f36a34}.palette4 .preview__card__sm__list__icon{border-color:#f36a34}.palette4 .preview__card__sm__list__icon__link{color:purple}.icon{height:26px;width:auto;color:#e17334;font-size:22.4px}@media (min-width: 768px){.icon{height:29px;font-size:28px}}.header{width:100%;height:111px;display:flex;justify-content:center}@media all and (width: 768px){.header{justify-content:flex-start}}.header__logo{width:201px;height:50px;margin:31px 79px 30px 40px}.landing{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;width:100%;height:82vh;background-color:#f5f5f5}@media (min-width: 768px){.landing{height:90vh}}.landing__img{width:250px}@media (min-width: 768px){.landing__img{width:419px}}.landing__intro{text-align:center;width:265px;margin-top:35.4px;margin-bottom:17.8px}@media (min-width: 768px){.landing__intro{width:331px;margin-top:31px;margin-bottom:27px}}.landing__intro__text{font-size:12.8px}@media (min-width: 768px){.landing__intro__text{font-size:16px}}.landing__icons{border-radius:4px;border:solid 1.6px rgba(225,115,52,0.211765)}.landing__icons__list{height:73.8px;width:268px;display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:1fr;text-align:center}@media (min-width: 768px){.landing__icons__list{height:86px;width:325px}}.landing__icons__list .design{grid-column:1/2}.landing__icons__list .fill{grid-column:2/3}.landing__icons__list .share{grid-column:3/4}.landing__icons__item{display:flex;flex-direction:column;justify-content:center;align-items:center}.landing__icons__text{font-size:12.8px}@media (min-width: 768px){.landing__icons__text{font-size:16px}}.landing__button{display:flex;align-items:center;justify-content:center;position:absolute;top:68vh;width:129px;height:42px;border-radius:21px;background-color:#438792}@media (min-width: 768px){.landing__button{top:80vh;height:42px;width:129px}}.landing__button:hover{background-color:#114e4e}@media (min-width: 768px){.grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;background-image:linear-gradient(to bottom, #f5f5f5, #fff 9%);padding:20px 40px}}.grid .form{grid-column:1/2}.grid .preview{grid-row:1/2;grid-column:2/3;background-color:#bfcdd0}.preview{height:457px;border-radius:6px}@media all and (min-width: 768px){.preview{height:812px}}.preview__box{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.preview__btn{width:75px;height:30px;transform:translateX(-83px);background-color:#bfcdd0;border:solid 1px #fff;border-radius:15px;margin-bottom:20px}.preview__btn:hover{background-color:#d5d5d5}.preview__btn__reset{padding-left:8px}.preview__card{background-color:#fff;width:240px;height:329px}.preview__card__title{display:flex;flex-direction:column;justify-content:flex-end;height:73px;padding-bottom:12px}.preview__card__title__inner{height:42px;border-left:solid 5px}.preview__card__title__name{margin-left:15px;font-size:18px;font-weight:700}.preview__card__title__job{font-size:16px;margin-top:4px;margin-bottom:10px;margin-left:15px;font-weight:600}.preview__card__box{width:240px;height:200px;background-image:url(https://quizlet.com/cdn-cgi/image/f=auto,fit=cover,h=200,onerror=redirect,w=240/https://o.quizlet.com/-eqTyjYDzs5teZgDoQi9aQ.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}.preview__card__box__img{display:none;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100%}.preview__card__sm__list{display:flex;justify-content:space-evenly;padding-top:10px}.preview__card__sm__list__icon{padding-top:4px;padding-left:5px;border-radius:60px;width:32px;height:32px;border:2px solid}.preview__card__sm__list__icon .mobile{padding-left:3px}.preview__card__sm__list__icon .linkedin{padding-left:1px}.preview__card__sm__list__icon__link{font-size:18px}.form__share{text-align:center}.form__share--container{height:0;opacity:0;overflow:hidden;transition:ease 0.5s}.form__share--button{width:199px;height:50px;background-color:#e17334;border-radius:12px;box-shadow:0 1px 6px 0 rgba(0,0,0,0.32);margin:30px 0px}.form__share--button:hover{background-color:#6b6b6b}.form__share--button .fa-address-card{margin-right:9px}.form__share--message{display:none}.form__label{text-transform:uppercase;margin-left:19px}.form__color{display:flex;justify-content:space-between}.form__color--container{height:0;opacity:0;overflow:hidden;transition:ease 1s}.form__color__box{display:flex;align-items:center;margin-right:20px;margin-bottom:20px}.form__color__input{margin-right:10px}.form__color__option{display:flex}.form__color__first{background-color:#114e4e}.form__color__second{background-color:#438792}.form__color__third{background-color:#a2deaf}.form__color__fourth{background-color:#420101}.form__color__fifth{background-color:#bd1010}.form__color__sixth{background-color:#e95626}.form__color__seventh{background-color:#3e5b65}.form__color__eighth{background-color:#eab052}.form__color__nineth{background-color:#a0c0cf}.footer{width:100%;background-color:#fff;border-top:solid 1px #d8d8d8;display:flex;flex-direction:column;align-items:center;padding:18px 0 20px 0}@media all and (min-width: 768px){.footer{flex-direction:row;justify-content:space-between;padding:0 41px 0 40px}}.footer .logo{width:103px;height:40px;margin-top:12px}@media all and (min-width: 768px){.footer .logo{margin:10px 0}}.form{padding:20px 0 30px 0}.form__data{display:flex;flex-direction:column;height:0;opacity:0;overflow:hidden;transition:ease 1s}.form__data__input{display:flex;flex-direction:column;border:#a2deaf 1px solid;margin-top:7px;margin-bottom:20px;height:30px;width:100%}.form__data__image__input{display:none}.form__data__image__buttonsbox{display:flex}.form__data__image__buttonsbox .hiddenField{display:none}.form__data__image__btn{width:140px;height:30px;background-color:#e17334;border-style:none;border-radius:3px;margin-top:7px;margin-bottom:20px}.form__data__image__btn:hover{background-color:#54585a}.form__data__image__preview{background-position:center;background-repeat:no-repeat;background-size:cover;width:30px;height:30px;border:#a2deaf 1px solid;margin-top:8px;margin-left:20px}.form__data [type="file"]{color:transparent}.column{margin:0px 20px 0px 20px;padding:10px 0 10px 0;border-bottom:#d8d8d8 solid 1px}@media (min-width: 768px){.column{margin-left:40px;margin-right:30px}}.visible{display:unset}.btn-rotate{transform:rotate(180deg)}.change-color{background-color:#d5d5d5}.js-show-form__share--message{margin:30px 0px;display:flex;flex-direction:column;align-items:center;border-top:#d8d8d8 solid 1px;margin:0 auto}.js-show-form__share--message .h3{margin:20px 0 10px 0;text-transform:initial}.js-show-form__share--message .card-link:hover{font-weight:bold;font-size:12.5px}.js-show-form__share--message .share-twitter{width:181px;height:30px;background-color:#00a0f5;border-radius:3px;margin-top:10px;margin-bottom:20px;box-shadow:0 0 4px 0 rgba(0,0,0,0.32)}.js-show-form__share--message .share-twitter .fa-twitter{margin-right:9.5px}.js-show-form__share--message .share-twitter:hover{background-color:blue}