body
{
    font-family: "Lato", sans-serif;
}

.grafika1
{
    border-radius: 10px;
}

.zacheta
{
    background-color: #e9e9e9;
}

.zacheta h1
{
    font-weight: 900;
    color: #676bdc;
}

.zacheta p
{
    font-weight: 700;
    color: #929292;
}

.form h2
{
    font-weight: 900;
    color: #676bdc;
}

@media (max-width: 767px)
{
    .form h2
    {
        border-bottom: solid 1px #676bdc;
    }
}

.form h3
{
    font-weight: 800;
    color:rgb(228, 63, 112);
}

.form p
{
    font-size: 20px;
    font-weight: 600;
    color: #929292;
}

.benefits
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.benefit i
{
    font-size: 40px;
}

.benefits h3
{
    font-weight: 800;
    color: #ebebeb;
}

@media (min-width: 576px)
{
    .steps
    {
        border-bottom: solid 2px #676bdc;
    }
}

@media (max-width: 576px)
{
    .ikony
    {
        border-bottom: solid 2px #676bdc;
    }
}

.steps p
{
    font-weight: 600;
    color: #676bdc;
}

.pkt
{
    color: rgb(255, 77, 130);
    font-weight: 700;
}

.part h1
{
    font-weight: 900;
    color: #676bdc;
}

.part h3
{
    font-weight: 800;
    color: rgb(228, 63, 112);
}

.film
{
    width: 80vw; 
    height: 46vw;
}

@media (min-width: 1000px)
{
    .film
    {
        width: 64vw; 
        height: 35vw;
    } 
}

@media (min-width: 400px) and (max-widht: 1000px)
{
    .film
    {
        width: 80vw; 
        height: 46vw;
    } 
}

@media (max-width: 400px)
{
    .film
    {
        width: 90vw; 
        height: 51vw;
    } 
}

.wideo h2
{
    font-weight: 900;
}

.wideo
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.need
{
    background-color: #e9e9e9;
}

.need h2
{
    font-weight: 900;
    color: #676bdc;
}

.need h3
{
    font-weight: 700;
    color: rgb(228, 63, 112);
}

.need h4
{
    font-weight: 600;
    color: #676bdc;
}

.need i
{
    font-size: 100px;
    color: #929292;
}

footer a
{
    color: #6d6d6d;
    text-decoration: none;
    font-weight: 500;
}

.icon-up-outline
{
    display: none;
    position: fixed;
    bottom: 200px;
    right: 5px;
    z-index: 100;
    color: #3e3e3e;
    font-size: 60px;
}

a
{
    text-decoration: none;
}

.oto
{
    background-color: #e9e9e9;
}

.oto h1
{
   font-weight: 900;
   color:#676bdc 
}

.oto p
{
    font-weight: 700;
    color:#929292
}

.alltime
{
    border-right: solid 2px #676bdc;
}

@media (min-width: 576px)
{
    .alltime
    {
        border-right: solid 2px #676bdc;
    }
}

@media (max-width: 576px)
{
    .alltime
    {
        border-bottom: solid 2px #676bdc;
        border-right: none;
    }
}

.boosts
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.boosts h2
{
    font-weight: 800;
    color: rgb(255, 101, 147);
}

.boosts p
{
    font-weight: 600;
}

.get
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.przycisk
{
    max-width: fit-content;
    background-color: rgb(228, 63, 112);
    border-radius: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 5px solid white;
}

@media (max-width: 399px)
{
    .przycisk:hover
    {
        background-color: rgb(246, 98, 143);
    }
}

@media (min-width: 400px)
{
    .przycisk:hover
    {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        background-color: rgb(246, 98, 143);
    }
}

.przycisk1
{
    font-weight: 700;
    color:#e9e9e9;
    max-width: fit-content;
    background-color: rgb(228, 63, 112);
    border-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.przycisk1:hover
{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    background-color: rgb(246, 98, 143);
    cursor: pointer;
}

.how
{
    background-color: #e9e9e9;
}

.how h2
{
    font-weight: 900;
    color: #676bdc;
}

.how p
{
    font-weight: 600;
    color: #929292;
}

.how .numerki
{
    color:rgb(228, 63, 112);
    font-weight: 900;
}

.bord
{
    border-bottom: solid 2px #676bdc;
}

.przycisk2
{
    width: fit-content;
}

a
{
    color: currentColor;
}

.films h2
{
    font-weight: 900;
    color: #676bdc;
}

.about h2
{
    color: #4c4c4c;
}

.teksty h3
{
    color:rgb(228, 63, 112);
    font-weight: 700;
}

.cwiczenie h2
{
    color:#676bdc;
    font-weight: 900;
}

.cwiczenie p
{
    color:#515151;
    font-weight: 700;
}

.cwiczenie h3
{
    font-weight: 900;
    color: rgb(228, 63, 112);
}

.benefits2
{
    background-color: #e9e9e9;
    color: #929292;
}

.benefits2 p
{
    font-weight: 600;
    color: #676bdc;
}

.benefit2 span
{
    font-size: 40px;
}

.benefits2 h2
{
    font-weight: 900;
    color: #676bdc;
}

.benefity
{
    font-weight: 600;
}

.pytania
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.powody
{
    background-color: #e9e9e9;
}

.powody h2
{
    font-weight: 900;
}

.powody h3
{
    font-weight: 800;
}

.powody h4
{
    font-weight: 700;
}

.skutki h2
{
    font-weight: 900;
    color: #676bdc;
}

.skutki h3
{
    font-weight: 800;
    color: rgb(228, 63, 112);
}

.skutki p
{
    font-weight: 700;
    color:#3e3e3e;
}

.zdjecia
{
    background-color: #e9e9e9;
}

.zdjecia h2
{
    font-weight: 900;
    color: #676bdc;
}

.oczym
{
    font-weight: 600;
    color:#868686;
}

.motto
{
    color: rgb(228, 63, 112);
    font-weight: 800;
}

.bonus
{
    background-color: #e9e9e9; 
}

.bonus h2
{
    font-weight: 900;
    color: #676bdc;
}

.bonus h3
{
    color: rgb(228, 63, 112);
    font-weight: 800;
}

.bonus h4
{
    color:#676bdc;
    font-weight: 700;
}

.bonus p
{
    color:#3e3e3e;
}

.opis
{
    color:#3e3e3e;
    font-weight: 700;
}

.opis h2
{
    color: rgb(228, 63, 112);
    font-weight: 800;
}

.bonusy
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.bonusy
{
    font-weight: 700;
}

.bonusy h2
{
    color:rgb(246, 98, 143);
    font-weight: 800;
}

.opis-bonusy
{
    background-color: #e9e9e9;   
    color:#3e3e3e;
}

.opis-bonusy h2
{
    color:#676bdc;
    font-weight: 800;
}

.opis-bonusy h3
{
    color:rgb(228, 63, 112);
    font-weight: 700;
}

.haczyk
{
    color:#3e3e3e;
}

.haczyk h3
{
    color: #676bdc;
    font-weight: 800;
}

.timer h2
{
    color: rgb(255, 101, 147);
    font-weight: 800;
}

#timer
{
    color: #ffffff;
    font-size: 48px;
}

.timer
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);   
}

.forwho
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.forwho h2
{
    font-weight: 800;
    color: rgb(255, 101, 147);
}

.forwho p
{
    font-weight: 600;
}

.signup
{
    background-color: #e9e9e9;
}

.signup
{
    color:#575757;
    font-weight: 600;
}

.signup h2
{
    font-weight: 900;
    color: #676bdc;
}

.fqs h2
{
    font-weight: 900;
    color: #676bdc;
}

.fqs h3
{
    font-weight: 800;
    color:rgb(228, 63, 112);
}

.fqs p
{
    font-weight: 600;
    color:#4c4c4c;
}

.opinie
{
    background-color: rgba(103, 107, 220, 1);
    background-image: linear-gradient(31deg, rgba(103, 107, 220, 1) 30%, rgba(126, 129, 210, 1) 83%);
    color: #ffffff;
}

.opinie h2
{
    font-weight: 900;
    color: rgb(255, 101, 147);
}