@import "fonts.css";
@import "utils.css";

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.text-nav {
    color: #0468beff!important;
    font-size: large;
}

.bg-navbar {
    background-color: #ffffff!important;
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

.p-section {
    padding-top: 80px
}

.nav-link .text-blue {
    color: #0468beff;
}

nav {
    font-family: "Comfortaa-Bold";
    color: #0468beff;
}

nav a {
    font-size: 1.2rem !important;
}

nav a:visited {
    color: #0468beff;
}

nav a:link {
    color: #0468beff;
}

nav a:active {
    color: #0468beff;
}

#home p {
    font-size: 2vw;
}

#home h1 {
    font-size: 3vw;
}

.custom-shadow {
    height: 10px;
    -webkit-box-shadow: 0px 0px 60px 0px #000;
    -moz-box-shadow: 0px 0px 60px 0px #000;
    box-shadow: 0px 0px 60px 0px #000;
    z-index: 10;
}

.stw-header {
    font-size: 6vw !important;
}

.onas-content {
    background-color: #ffe680;
}

.onas-content div {
    padding: 10% 0 10% 0;
}

#o-nas img {
    width: 15vw;
}

.stw-header {
    font-family: "DosisExtraBold";
}

.war-header {
    color: #48a1d9;
}

.sk-header {
    font-family: "FredokaOne";
    color: #ffee9dff;
    text-shadow: 0.5vw 0.5vw #bf3700ff;
}

.wa-header {
    color: #f2766cff;
    font-family: "FredokaOne";
    text-shadow: -0.4vw 0.4vw #782121ff;
}

.sk-text {
    width: 50%!important;
    font-family: "DosisBold";
}

.stw-text {
    font-family: "DosisSemiBold";
    font-size: 1.2vw;
}

.wa-text {
    color: #782121ff;
    font-family: "DosisMedium";
    font-size: 2.5vw;
}

#gierkotworki, #czekoludki, #stworkoogrodnicy, #szkola-kreatywna {
    font-size: 1.3vw;
}



#home {
    min-height: 100vh;
    font-family: "CaviarDreams-Bold";
    color: #ffe680;
    background-image: url("./media/home/dzieckokredki.svg");
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 106, 168, 0.4);
}

#o-nas {
    min-height: 100vh;
    font-size: 2vw;
    font-family: "DosisNormal";
}

#o-nas p {
    z-index: 150;
}

#warsztaty {
    min-height: 100vh;
    font-family: "DosisSemiBold";
    flex-wrap: wrap;
    background-image: url("./media/warsztaty/konfetti.svg"), linear-gradient(0, #ffe680 , #fff 70%);
    background-repeat: no-repeat;
    background-size: contain;
}

#szkola-kreatywna {
    min-height: 100vh;
    background-image: url("./media/kreatywna/tlo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    font-family: "DosisSemiBold";
}

#wynajmij-animatora {
    min-height: 75vh;
    flex-wrap: wrap;
}

#kontakt {
    min-height: 10vh;
    flex-wrap: wrap;
    font-size: 2vw;
    font-family: "DosisMedium";
}

#kontakt img {
    z-index: -99;
}