@charset "UTF-8";
header{
    &.parallax{
        height:100vh;
        min-height:750px;

        /*& .parallax-obj{
            & img {
                scale:1.1;
            }
        }*/
    }

    & .solar{
        background-color:rgba(var(--dark-color-rgb),.85);

        & > div{
            position:absolute;
            top:calc(50% + calc(var(--navigation-h-1) / 2));
            left:50%;
            transform:translate(-50%, -50%);

            & h1{
                margin:1rem 0 2rem 0;
                color:#fff;

                & .typing{
                    color:#fff;
                }
            }

            & h6{
                color:rgba(255,255,255,.75);
            }

            & p{
                margin-bottom:3rem;
                font-weight:500;
                font-size:clamp(1.1rem,1.5vw,1.5rem);
                color:rgba(255,255,255,.75);

                & b{ color:#fff; }
            }
        }
    }
}

main {
    & #homeAbout {
        & .row:nth-child(2){
            & :first-child{
                padding-right:var(--zeta-density-1);

                & .box{
                    padding-right:calc(1rem + var(--zeta-density-1));
                }
            }
        }
    }

    & #homeSchool {
        & .parallax{
            height:100%;
            min-height:600px;

            & .solar{
                position:relative;

                & picture{
                    position:absolute;
                    bottom:2rem;
                    right:2rem;

                    & img{
                        width:100%;
                        max-width:280px;
                        mix-blend-mode:lighten;
                        opacity:.35;
                        
                    }
                }
            }
        }
    }

    & #homeParallax{
        height:auto;
        min-height:750px;

        & .solar{
            background-color:rgba(var(--dark-color-rgb),.85);
            height:100%;
            min-height:inherit;

            & > div{
                position:absolute;
                top:50%;
                left:50%;
                transform:translate(-50%, -50%);
            }

            & h1{
                margin:1rem 0 2rem 0;
                color:#fff;

                & .typing{
                    color:#fff;
                }
            }

            & h6{
                color:rgba(255,255,255,.75);
            }

            & p{
                margin-bottom:3rem;
                font-weight:500;
                font-size:clamp(1.1rem,1.5vw,1.5rem);
                color:rgba(255,255,255,.75);

                & b{ color:#fff; }
            }
        }
    }

    & #homeContact{
        & form{
            margin-top:4rem;
        }
    }
}