html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

I am Vietnamese

f8f566cd6d3948bf895f7132d03d60 Member, Voices_Guest

August 2021 in Voices Tips & Tutorials

Can my Asian accent be suitable for any job?

0

Categories

html { font-family: Roboto, sans-serif; } .footer { background-color: #f0f4f7; } @media (min-width: 767px) { .footer { border-top: 1px solid #c9d0d9; } } .footer-menu { max-height: 0; overflow: hidden; margin: 0; padding: 0; list-style-type: none; transition: max-height 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-menu { max-height: none; } } @media (min-width: 768px) { .footer-menu-container { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr; grid-column-gap: 3.2rem; grid-row-gap: 3.2rem; padding-top: 2.4rem; padding-bottom: 2.4rem; border-bottom: 0.1rem solid #c9d0d9; } } @media (min-width: 992px) { .footer-menu-container { grid-template-columns: repeat(5,auto); grid-template-rows: 1fr; grid-column-gap: 3.2rem; } } @media (min-width: 1200px) { .footer-menu-container { grid-template-columns: repeat(5,1fr); } } .footer-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; font-size: 28px; } } @media only screen and (max-width: 992px) { .footer-menu-title { font-size: 22px; padding: 16px; } } .footer-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (max-width: 991px) { .footer-menu-title:before { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:before { display: none; } } .footer-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (max-width: 991px) { .footer-menu-title:after { display: block; } } @media only screen and (min-width: 992px) { .footer-menu-title:after { display: none; } } .footer-menu-title:hover, .footer-menu-title:focus, .footer-menu-title:active { text-decoration: none; color: #fff; } .footer-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-menu-title-tablet { display: block !important; } } .footer-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-menu-title-mobile { display: block; } } .footer-menu-link { display: block; color: #fff !important; font-size: 18px; width: fit-content; height: 50px; } @media only screen and (max-width: 991px) { .footer-menu-link { padding-left: 1.2rem; } } @media only screen and (min-width: 992px) { .footer-menu-link { padding-left: 0px; } } .footer-menu-link:hover, .footer-menu-link:focus { text-decoration: none; } .footer-menu-link:hover .footer-menu-text:before, .footer-menu-link:focus .footer-menu-text:before { background-color: #fff; } .footer-menu-text { position: relative; } .footer-menu-text:before { content: ''; position: absolute; left: 0; bottom: -0.7rem; width: 100%; height: 0.1rem; transition: background-color 0.3s ease-in-out; } .footer-menu-lower { max-height: none; text-align: center; } @media only screen and (min-width: 992px) { .footer-menu-lower { text-align: left; } } .footer-menu-lower .footer-menu-item { display: inline-block; } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-item:last-child .footer-menu-link { margin-right: 0; } } @media only screen and (min-width: 768px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem; margin-right: 0.8rem; } } @media only screen and (min-width: 992px) { .footer-menu-lower .footer-menu-link { padding: 1.2rem 0; margin-right: 1rem; font-size: 16px; } } .footer-secondary-menu { padding: 0; } @media (max-width: 991px) { .footer-secondary-menu { background-color: #1171BB; padding-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-secondary-menu { padding: 3rem 0; } } .footer-secondary-menu-link { display: block; padding: 12px; color: #fff !important; font-size: 18px; height: 45px; width: fit-content; } @media only screen and (min-width: 992px) { .footer-secondary-menu-link { padding-left: 0; color: #1171BB !important; } } .footer-secondary-menu-link:hover, .footer-secondary-menu-link:focus { text-decoration: none; } .footer-secondary-menu-link:hover .footer-menu-text:before, .footer-secondary-menu-link:focus .footer-menu-text:before { background-color: #4F5963; } .footer-secondary-menu-title { display: block; padding: 1.3rem 1.2rem; color: #fff !important; font-weight: 500; font-size: 22px; font-family: Poppins; position: relative; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title { border-top: none; padding: 1.4rem 1.2rem 1.4rem 0; color: #19222b !important; font-size: 28px; } } @media only screen and (max-width: 991px) { .footer-secondary-menu-title { color: #fff !important; font-size: 22px; padding: 16px; } } .footer-secondary-menu-title:before { content: '\f078'; font-family: 'Font Awesome 5 Pro'; width: 1.8rem; height: 1.8rem; position: absolute; top: 0; bottom: 0; right: 1.2rem; margin: auto; text-align: center; transition: transform 0.3s ease-in-out; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:before { display: none; } } .footer-secondary-menu-title:after { content: ''; position: absolute; bottom: -0.1rem; left: 0; right: 0; height: 0.1rem; background-color: #004A81; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title:after { display: none; } } .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { text-decoration: none; color: #fff; } @media only screen and (min-width: 768px) { .footer-secondary-menu-title:hover, .footer-secondary-menu-title:focus, .footer-secondary-menu-title:active { color: #4F5963; } } .footer-secondary-menu-title[aria-expanded='true']:before { transform: rotate(180deg); } .footer-secondary-menu-title-tablet { display: none !important; } @media only screen and (min-width: 992px) { .footer-secondary-menu-title-tablet { display: block !important; } } .footer-secondary-menu-title-mobile { display: none; } @media (max-width: 991px) { .footer-secondary-menu-title-mobile { display: block; } } .footer-lower-container { margin: 3.2rem 0 3.2rem 0; } @media only screen and (min-width: 992px) { .footer-lower-container { margin-top: 3.2rem; } } .footer-social { margin-top: 2rem; list-style-type: none; text-align: center; padding: 24px 0; border-top: 1px solid #004A81; } @media only screen and (min-width: 992px) { .footer-social { margin: 0; text-align: left; border-top: none; padding: 16px 0 16px 0; } } .footer-social-item { display: inline-block; margin-right: 1.2rem; } @media only screen and (min-width: 992px) { .footer-social-item { margin-right: 0.8rem; } } @media only screen and (min-width: 1200px) { .footer-social-item { margin-right: 1.2rem; } } .footer-social-item:last-child { margin-right: 0; } .footer-social-link { display: block; padding: 0.6rem; font-size: 1.6rem; } .footer-social-link:hover, .footer-social-link:focus { text-decoration: none; color: #1171BB !important; } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 3.6rem; height: 3.6rem; background-color: #fff; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; } .footer-copy { padding: 1.2rem 0; font-size: 16px; text-align: center; color: #fff; border-top: none; } @media only screen and (min-width: 992px) { .footer-copy { text-align: right; } } .footer-copy span { display: block; } @media only screen and (min-width: 768px) { .footer-copy span { display: inline; } } .footer-main { background-color: #1171BB; padding: 0; } @media only screen and (min-width: 992px) { .footer-main { padding: 5rem 0; } } .footer-content { text-align: center; color: #fff; font-weight: 100; padding-right: 0; } @media only screen and (min-width: 992px) { .footer-content { text-align: left; padding-right: 5rem; } } .footer-content p, .footer-content p>a { color: #fff; padding: 0; } .footer-location { font-size: 16px; } .footer-location a:hover, .footer-location :focus { box-shadow: 0 1px 0 #fff; } .footer-lower-block { border: none; margin: 0; padding: 12px 0; } @media only screen and (min-width: 1200px) { .footer-lower-block { margin-bottom: 0; } } @media only screen and (min-width: 992px) { .footer-lower-block { border-top: 0.1rem solid #004A81; border-bottom: 0.1rem solid #004A81; margin-top: 4rem; } } .footer-brand-logo:hover { box-shadow: none; } .footer-brand-logo img { width: 18rem; padding-top: 4rem; padding-bottom: 1rem; } @media only screen and (min-width: 992px) { .footer-brand-logo img { padding: 1rem 0rem; } } .footer-app-store-badges { padding-top: 1rem; } .footer-app-store-badges img { padding: 1rem; margin-top: 1rem; width: auto; } .footer-app-store-badges a { text-decoration: none; } @media only screen and (min-width: 992px) { .footer-app-store-badges { display: none; } } .footer-social-link:hover .fab, .footer-social-link:focus .fab { transform: translateY(-0.2rem); box-shadow: 0 5px 12px 0 rgba(25,34,43,0.1); } .footer-social .fab { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; background-color: #f0f4f7; border-radius: 50%; transition: box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out; }

Voices is the world's #1 voice marketplace with over 2 million members. Since 2005, the biggest and most beloved brands have trusted Voices to help them find professionals to bring their projects to life.

100 Dundas Street, Suite 700 London, ON N6A 5B6
Call Us Toll Free at 1-888-359-3472