.accent-text,
.sub-text {
    margin-right: 3rem;
    font-family: Nunito, sans-serif
}

.accent-text,
.main-div,
.sub-text {
    font-family: Nunito, sans-serif
}

#funCelebGuessIconContainer,
.fun-section {
    background-position: center center;
    background-repeat: no-repeat
}

#funBrainTeaser,
#funCelebrityGuess,
#funColoringBook,
#funIQTest,
#funMemeCreator,
#funMemeCreatorPro,
#funMovieGuess,
#funTruthOrDare,
#funTruthy {
    height: 512.25px;
    padding-bottom: 37.5%
}

@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Quicksand;
    src: url(../fonts/Quicksand-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Nunito;
    src: url('../fonts/Nunito-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap
}

.accent-text {
    color: #f26c4f
}

.sub-text {
    color: #43a1a7
}

body,
html {
    font-size: 12pt;
    width: 100%;
    height: 100%
}

.main-div {
    display: block;
    margin: 0 auto;
    width: 100%;
    height: auto;
    max-width: 1600px !important;
    min-width: 1280px !important
}

.fun-section {
    position: relative;
    width: 100%
}

.fun-section-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.section-title-image {
    display: block;
    width: 80%;
    margin: 3rem auto
}

.section-title-image2 {
    display: block;
    width: 42%;
    margin: 2rem auto
}

#coloringBookContainer {
    background-image: url(../assets/coloringBook/color_overlay.webp);
    background-position: center 80%;
    background-size: 80%;
    background-repeat: no-repeat;
    height: 100%
}

.no-webp #coloringBookContainer {
    background-image: url(../assets/coloringBook/color_overlay.png);
}

#coloringBookTitleImage {
    display: block;
    width: 75%;
    margin: 1.5rem auto
}

.apple-one2,
.fun-app-icon {
    display: block;
    width: 40%;
    margin: 0 auto
}

.fun-appstore-icon {
    display: block;
    width: 100%
}

.apple-one,
.google-one {
    display: block;
    width: 95%;
    height: 100%;
    margin: 0 auto
}

#funNavigator {
    background-color: #d7dcdf;
    height: 120px;
    padding-bottom: 8.8%
}

#funNavigatorLogo {
    display: block;
    position: relative;
    margin-left: 1rem;
    width: 450px;
    cursor: pointer;
}

#funHeader {
    background-image: url(../assets/header/bg_header.webp);
    height: 1024px;
    padding-bottom: 74.96%;
    background-size: contain
}

.no-webp #funHeader {
    background-image: url(../assets/header/bg_header.png);
}

#funGuessingGameLogo {
    display: block;
    position: relative;
    margin: 0 auto;
    top: 7.5rem;
    width: 89%
}

.fun-header-links {
    position: relative;
    justify-content: flex-end;
    font-size: 1.75rem;
    vertical-align: middle
}

.fun-footer-links {
    position: relative;
    justify-content: flex-end;
    font-size: 1rem;
    vertical-align: middle
}

.fun-guessing-description {
    position: relative;
    display: block;
    width: 70%;
    margin: 13.5rem auto 1rem;
    bottom: 0;
    font-size: 1.4rem;
    font-weight: 250;
    line-height: 2rem;
    text-align: center
}

.fun-single-screenshot,
.fun-triple-screenshot {
    position: relative;
    margin: 0 auto;
    display: block
}

.fun-copyright,
.fun-privacy {
    font-size: 1.2rem;
    color: #fff
}

#funCelebrityGuess {
    background-color: #17a0fe
}

#funCelebGuessIconContainer {
    background-image: url(../assets/guessCeleb/sparkles.webp);
    background-size: contain
}

.no-webp #funCelebGuessIconContainer {
    background-image: url(../assets/guessCeleb/sparkles.png);
}

.fun-single-screenshot {
    top: 2rem;
    height: calc(100% - 5.5rem);
    width: auto
}

.fun-triple-screenshot {
    top: 3rem;
    width: 95%
}

#funFooterLogo,
.fun-privacy {
    top: 1.2rem;
    position: relative
}

#funMovieGuess {
    background-image: url(../assets/guessMovie/bg_guessMovie.webp);
    background-size: contain;
    margin-top: -1px
}

.no-webp #funMovieGuess {
    background-image: url(../assets/guessMovie/bg_guessMovie.png);
}

#funTruthOrDare {
    background-color: #036566
}

#funIQTest {
    background-color: #6faa4e
}

#funBrainTeaser {
    background-color: #bedfd8
}

#funColoringBook {
    background-color: #f9d716
}

#funMemeCreator {
    background-color: #000
}

#funMemeCreatorPro {
    background-color: #fff
}

.meme-creator-title-image {
    display: block;
    width: 55%;
    margin: 2.2rem auto
}

#funTruthy {
    background-color: #e3c6fc
}

#truthyTitleImage {
    display: block;
    width: 20%;
    margin: 3rem auto
}

#truthyAppIcon {
    display: block;
    width: 42%;
    margin: 3rem auto
}

#funFooter {
    background-color: #1ed481;
    height: 60.62px;
    padding-bottom: 4.44%
}

#funFooterLogo {
    display: inline-block;
    left: 1rem
}

.fun-privacy {
    right: 1.1rem;
    text-align: right;
    float: right
}

.fun-copyright {
    position: relative;
    top: 1.4rem;
    left: 1.1rem
}