*{box-sizing:border-box;margin:0;padding:0;list-style:none;text-decoration:none}.js-arrow{cursor:pointer}.header{display:flex;justify-content:center;align-items:center;background-color:#06064e;width:100%;height:130px;padding-top:18px}@media all and (min-width: 768px){.header{justify-content:flex-start}}@media all and (min-width: 1024px){.header{margin-left:auto;margin-right:auto}}.header__link--img{width:201px}@media all and (min-width: 768px){.header__link--img{position:relative;transform:translateX(100px)}}.header__title{display:none}.card-section{height:457px;background-image:linear-gradient(whitesmoke, #06064e);padding:42px 35px 40px 45px;display:flex;flex-direction:column;align-items:center}@media all and (min-width: 768px){.card-section{min-height:760px;width:329px;margin-top:20px;border-radius:6px}}@media all and (min-width: 1024px){.card-section{width:585px;margin-top:20px}}.reset{all:unset;cursor:pointer;width:75px;height:30px;border:solid 1px white;border-radius:15px;display:flex;justify-content:center;align-items:center;gap:8px;position:relative;right:80px}@media all and (min-width: 768px){.reset{margin-top:140px}}.reset-icon{color:#54585a}.reset-text{color:#54585a;text-transform:uppercase;font-family:"Open Sans",sans-serif;font-size:12px}.card{margin-top:20px;background-color:white;padding-top:23px;width:240px;height:329px;box-shadow:0px 2px 5px 0px #54585a}.card-text{height:42px;border-left:solid 5px #6acdcc;font-family:"Montserrat",sans-serif;margin-bottom:10px}.card-text-name{color:#716652;font-weight:700;font-size:18px;text-transform:capitalize;margin-left:15px}.card-text-job{font-weight:400;font-size:16px;line-height:20px;margin-left:15px;color:#54585a}.card-text-job:first-letter{text-transform:capitalize}.card-image{background-image:url(../assets/images/giphy.gif);background-position:top;background-repeat:no-repeat;background-size:cover;height:200px}.social-media{display:flex;justify-content:space-between;padding:10px 62px 12px 20px}.social-media-icon{text-align:center;width:32px;height:32px;color:#716652;border:#f0b852 solid 2px;border-radius:50%;display:flex;align-items:center;justify-content:center}.fa-mobile-screen-button,.fa-envelope,.fa-linkedin-in,.fa-github-alt{font-size:18px}.js-palette1 .card-text{border-left:solid 5px #438792}.js-palette1 .card-text .card-text-name{color:#114e4e}.js-palette1 .social-media-icon{color:#114e4e;border:solid 2px #a2deaf}.js-palette2 .card-text{border-left:solid 5px #bd1010}.js-palette2 .card-text .card-text-name{color:#420101}.js-palette2 .social-media-icon{color:#420101;border:solid 2px #e95626}.js-palette3 .card-text{border-left:solid 5px #eab052}.js-palette3 .card-text .card-text-name{color:#3e5b65}.js-palette3 .social-media-icon{color:#3e5b65;border:solid 2px #a0c0cf}.design{margin:27px 20px 30px 20px;border:none;display:flex;align-items:center;border-bottom:1px solid #d8d8d8;flex-direction:column}.design__div{display:flex;align-items:center;justify-content:center;font-size:18px;padding-bottom:31px}.design__div--icon{color:#bc1823;padding-right:12px}.design__div--legend{font-family:"Open Sans",sans-serif;font-weight:600;color:#06064e;text-transform:uppercase;padding-right:168px}.design__div--arrow{color:#bc1823;font-size:18px}.design__second{display:flex;justify-content:center;align-items:center;gap:100px;padding-left:10px}@media all and (min-width: 768px){.design__second{gap:110px;padding-left:0}}.div2{display:flex;flex-direction:column}.div2__palette{list-style:none;margin-bottom:20px;display:flex;justify-content:flex-end;margin-left:8px}.div2__palette--checkBox{display:flex;margin-right:42px;font-family:"Open Sans",sans-serif;font-size:13px;color:#bc1823;text-transform:uppercase}.div2__palette--input{margin-right:5px}.div2__palette--list{width:30px;height:25px}.div2__palette--darkGreen{background-color:#114e4e}.div2__palette--mediumGreen{background-color:#438792}.div2__palette--lightGreen{background-color:#a2deaf}.div2__palette--darkRed{background-color:#420101}.div2__palette--mediumRed{background-color:#bd1010}.div2__palette--lightRed{background-color:#e95626}.div2__palette--greenThree{background-color:#3e5b65}.div2__palette--yellowThree{background-color:#eab052}.div2__palette--greyThree{background-color:#a0c0cf}.fa-shield{color:#bc1823;font-size:20px}.fa-shield-up{transform:rotate(180deg)}.input{border:1px solid #bc1823;width:281px;height:30px;padding-left:10px}.input::-moz-placeholder{color:#d8d8d8}.input::placeholder{color:#d8d8d8}.text-label{font-family:"Open Sans",sans-serif;font-size:14px;line-height:20px;color:#06064e;margin-bottom:7px}.text-label::first-letter{text-transform:capitalize}.fill{margin:10px 20px 0 23px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;border-bottom:1px solid #d8d8d8}.fill__container{display:flex;align-items:center;justify-content:flex-start;font-size:18px;padding-bottom:25px}.fill__container--icon{color:#bc1823;padding-right:12px}.fill__container--legend{text-transform:uppercase;font-family:"Open Sans",sans-serif;font-weight:600;color:#06064e;padding-right:155px}.fill__container--arrow{font-size:18px;color:#bc1823}.fill__name{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.fill__job{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.fill__img{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 141px 20px 0}.fill__img--inputImg{cursor:pointer;display:flex;justify-content:center;align-items:center;width:140px;height:30px;color:white;background-color:#bc1823;border-radius:3px;box-shadow:0 0 4px 0 rgba(0,0,0,0.32);font-family:"Open Sans",sans-serif;text-transform:capitalize;font-size:14px;text-align:center;padding-left:0}.fill__email{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.fill__tel{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.fill__linkedin{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:20px}.fill__git{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;margin-bottom:30px}.profile__preview{position:absolute;transform:translate(159px, -69px);background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid #bc1823;width:50px;height:50px;margin-left:15px}.arrow-fill-rotate{transform:rotate(180deg)}.fa-shield{color:#bc1823;font-size:20px}.share{border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}.share__div{margin:10px 20px 10px 23px;display:flex;align-items:center;justify-content:space-between;font-size:18px}.share__div--icon{color:#bc1823;padding-right:12px}.share__div--legend{text-transform:uppercase;font-family:"Open Sans",sans-serif;font-weight:600;color:#06064e;padding-right:140px}.share__div--arrow{font-size:18px;color:#bc1823}.share__button{cursor:pointer;margin:30px 0;width:199px;height:50px;background-color:#bc1823;font-family:"Open Sans",sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;color:white;display:flex;align-items:center;justify-content:space-between;padding:14px 17px 14px 18px;border-radius:12px;border:0;box-shadow:0 1px 6px 0 rgba(0,0,0,0.32)}.share__button--icon{width:25px;color:white}.share__card{display:flex;flex-direction:column;justify-content:center;align-items:center}.share__card--title{margin-top:20px;font-family:"Open Sans",sans-serif;font-weight:600;font-size:18px;height:24px;color:#06064e}.share__card--url{margin:5px 13px 0 15px;text-decoration:none;font-family:"Open Sans",sans-serif;font-size:12px;font-weight:600;color:#3c3743}.share__twitter{margin:10px 0 30px 0;width:181px;height:30px;background-color:#00a0f5;border-radius:3px;box-shadow:0 0 4px 0 rgba(0,0,0,0.32);display:flex;justify-content:center;align-items:center}.share__twitter--twit{color:white;text-decoration:none;font-family:"Open Sans",sans-serif;font-size:14px}.share__twitter--icon{width:18px}.line{width:280px;border-top:1px solid #d8d8d8}.fa-shield{color:#bc1823;font-size:20px}.footerdiv{height:100%}.footer{background-color:red;font-family:"Open Sans",sans-serif;display:flex;flex-direction:column;justify-content:center;align-items:center;border-top:1px solid #d8d8d8;background-color:#bc1823}@media all and (min-width: 768px){.footer{flex-direction:row;justify-content:space-around}}.footer__copy{color:#d8d8d8;font-size:14px;margin:18px 61px 12px 61px;width:210px;height:20px}.footer__logo{height:40px;margin:12px 47px 20px 48px}@media all and (min-width: 768px){.footer__logo{margin:10px 40px 10px 0}}.create{width:100%;background-image:linear-gradient(#f5f5f5, white)}@media all and (min-width: 768px){.create{min-height:80vh;display:flex;flex-direction:row-reverse;align-items:flex-start;justify-content:center;gap:20px}}.collapsed{display:none}.arrow-rotate{transform:rotate(180deg)}@-webkit-keyframes bounce{70%{transform:translateY(0%)}80%{transform:translateY(-15%)}90%{transform:translateY(0%)}95%{transform:translateY(-7%)}97%{transform:translateY(0%)}99%{transform:translateY(-3%)}100%{transform:translateY(0)}}@keyframes bounce{70%{transform:translateY(0%)}80%{transform:translateY(-15%)}90%{transform:translateY(0%)}95%{transform:translateY(-7%)}97%{transform:translateY(0%)}99%{transform:translateY(-3%)}100%{transform:translateY(0)}}.main{background-image:url("../images/superbc.png");background-size:650px;background-origin:content-box;background-repeat:no-repeat;background-position:50%;background-position-y:bottom;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#06064e}@media all and (max-width: 720px){.main{background-size:390px}}.main__h1{display:none}.main__img{background-image:url("../images/woman_crop.png");background-position:center;-o-object-fit:cover;object-fit:cover;background-size:300px;height:250px;width:280px;margin:30px 35px 35px 35px}@media all and (min-width: 768px){.main__img{margin:0px 0px 15px 0px;position:relative}}.main__title{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.main__title--create{color:#ffde59;font-family:"Merriweather",serif;font-size:19.2px;font-weight:bold}@media all and (min-width: 768px){.main__title--create{font-size:24px}}.main__title--text{color:whitesmoke;font-family:"Open Sans",sans-serif;font-size:13px;text-align:center;white-space:pre-line;margin:0px 27px 0px 27px}@media all and (min-width: 768px){.main__title--text{font-size:16px;width:331px}}.main__options{display:flex;border:solid rgba(245,245,245,0.3) 1.6px;border-radius:4px;padding:15px 20px 17.8px 31.5px;margin:17.8px 26px 60px 26px;list-style-type:none}@media all and (min-width: 768px){.main__options{width:325px;height:86px;justify-content:space-around;margin:17.8px 26px 18px 26px}}@media all and (min-width: 1200px){.main__options{margin:17.8px 26px 38px 26px}}.main__options--list{display:flex;align-items:center;justify-content:center;text-align:center;text-transform:capitalize;color:whitesmoke;font-family:"Open Sans",sans-serif;font-size:12.8px;list-style-type:none;gap:30px;margin-top:15px;margin-bottom:10px}@media all and (min-width: 768px){.main__options--list{gap:51px;font-size:16px}}.main .cop{display:flex;flex-direction:column}.main .fa-icon{color:whitesmoke;font-size:22.4px}@media all and (min-width: 768px){.main .fa-icon{font-size:28px}}.main__start{-webkit-animation:bounce 2s ease infinite;animation:bounce 2s ease infinite;display:flex;cursor:pointer;margin:38px 101px 30px 90px;border-radius:21px;text-transform:uppercase;background-color:#06064e;color:white;border:1px solid whitesmoke}@media all and (min-width: 768px){.main__start{margin:213px 0 30px 0}}.main__start--create{text-decoration:none;color:white;font-weight:bold;font-size:16px;font-family:"Open Sans",sans-serif;padding:10px 20px}.bg{display:flex;flex-direction:column;justify-content:center;align-items:center;width:600px;padding:15px;border-radius:10px}@media all and (max-width: 768px){.bg{position:relative;transform:translateY(-20px);width:85%}}.body{background-color:#bc1823}.hidden{display:none}